一、服务器

    电脑
        存储、计算
    服务器         提供一些服务
        web服务
            响应客户端的请求


    让自己的电脑变成服务器
        安装web服务
        
    安装集成环境
        wamp    windows apache mysql php
        mamp    mac apache mysql php
        xampp   两种平台都可以

二、数据交互

form 表单

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

逐渐的退出了舞台
1.会刷新页面、用户体验、浪费流量(钱)
2.从服务器取数据?NO

三、Ajax （Asynchronous Javascript And XML）

异步的javascript和xml

无刷新从后台取数据

放在服务器环境下

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

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

特性：

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.响应的结果都是字符串
        解析数据
        a.不建议使用
            eval()  
        b.不建议使用
            new Function('return '+result)();
        c.
            var json = JSON.parse(result);
            瑕疵:
                不兼容IE低版本

            jquery
                $.parseJSON();
        d.
            jquery中
            $.ajax({
                url:'',
                data:{},
                dataType:'json'
            }).then(function(){},function(){});