AjaX小知识

人生就是一个不断认识与遗憾的过程，总有一天，你会模糊掉我的印记，而我也将遗忘你的身影，不管那些年之前，我们多么的亲密与熟悉，遗忘总是不可避免。

惆怅.jpg

一、服务器

1、功能：

(1)存储计算；（2）提供一些服务.

2、Web服务

（1）响应客户端的请求.

3、让自己的电脑变成服务

安装web服务
安装集成环境
    wamp    windows apache mysql php
    mamp    mac apache mysql php
    xampp   两种平台都可以

二、数据交互

1. form 表单

提交数据
action                                                  提交地址
method                                                  提交方式
表单有name                                               数据的名字
submit按钮                                              提交按钮
method                                                  提交方式
GET     
    明文提交(url地址)
    快
    32KB
    有缓存
POST    
    密文提交(请求头部)
    慢
    1GB
    没有缓存

特点

1.会刷新页面、用户体验、浪费流量(钱)
2.从服务器取数据?NO

二、Ajax （Asynchronous Javascript And XML）

1.异步的javascript和xml
2.无刷新从后台取数据
3.放在服务器环境下

jquery-ajax
    $.ajax({
        url:'交互地址',
        data: {
            name: 'eric',
            age: 16
        }
    }).then(function(){
        成功回调函数
    },function(){
        失败回调函数
    });

回调函数
只需要关心定义，不需要关心调用的函数

4.特性

（1）.缓存(cache)
    http://www.a.com?t=1
    http://www.a.com?t=2
    url不同就没有缓存
    t: Math.random()            √
    t: new Date().getTime()
（2）.编码格式不统一会有乱码
    一定要编码统一
        UTF-8
        GB-2312
（3）.不关心文件类型
（4）.响应的结果都是字符串
（5）解析数据
    a.不建议使用（1.太强大了，什么都能解析。会有安全问题。2.性能差）
        eval()
           （1）执行字符串代码
           （2）解析json字符串的时候两边要加小括号
    b.不建议使用
        new Function('return '+result)();
    c.  var json = JSON.parse(result);（不兼容IE低版本）
        jquery
            $.parseJSON();
    d.
        jquery中
        $.ajax({
            url:'',
            data:{},
            dataType:'json'
        }).then(function(){},function(){});