一、服務(wù)器

    電腦
        存儲、計(jì)算
    服務(wù)器         提供一些服務(wù)
        web服務(wù)
            響應(yīng)客戶端的請求


    讓自己的電腦變成服務(wù)器
        安裝web服務(wù)
        
    安裝集成環(huán)境
        wamp    windows apache mysql php
        mamp    mac apache mysql php
        xampp   兩種平臺都可以

二、數(shù)據(jù)交互

form 表單

提交數(shù)據(jù)
    action      提交地址
    method      提交方式
    表單有name     數(shù)據(jù)的名字
    submit按鈕    提交按鈕
    ---------------------------------
    method          提交方式
    GET     
        明文提交(url地址)
        快
        32KB
        有緩存
    POST    
        密文提交(請求頭部)
        慢
        1GB
        沒有緩存

逐漸的退出了舞臺
1.會(huì)刷新頁面、用戶體驗(yàn)、浪費(fèi)流量(錢)
2.從服務(wù)器取數(shù)據(jù)?NO

三、Ajax （Asynchronous Javascript And XML）

異步的javascript和xml

無刷新從后臺取數(shù)據(jù)

放在服務(wù)器環(huán)境下

jquery-ajax
    $.ajax({
        url:'交互地址',
        data: {
            name: 'eric',
            age: 16
        }
    }).then(function(){
        成功回調(diào)函數(shù)
    },function(){
        失敗回調(diào)函數(shù)
    });

回調(diào)函數(shù)
    只需要關(guān)心定義，不需要關(guān)心調(diào)用的函數(shù)

特性：

1.緩存(cache)
        http://www.a.com?t=1
        http://www.a.com?t=2
        url不同就沒有緩存

        t: Math.random()            √
        t: new Date().getTime()
    2.編碼格式不統(tǒng)一會(huì)有亂碼
        一定要編碼統(tǒng)一
            UTF-8
            GB-2312
    3.不關(guān)心文件類型
    4.響應(yīng)的結(jié)果都是字符串
        解析數(shù)據(jù)
        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(){});