天天看點

ajax

  1、概念:Asynchronous JavaScript And XML 異步的javascript和xml

      1.異步和同步:用戶端和服務端互相通信的基礎上

          異步:用戶端不需要等待伺服器端的相應,在伺服器處理請求的過程中用戶端可以進行其他操作

            

ajax

          同步:用戶端不需要等待伺服器端的相應,在伺服器處理請求的過程中用戶端可以進行其他操作

              

ajax

        實際上:ajax是一種無須重新加載整個網頁的情況下,能夠更新部分網頁的技術,提升使用者的體驗。但在之前需要重新整理,用了ajax就不需要。

 

   2、實作方式:

        1):原生的js實作方式:

    狀态碼和繼續狀态的值如下:

        

ajax

        2):jQuery實作方式:

            (1):$.ajax()

                文法:$ajax(url,[settings]);或$({鍵值對});

                例子:

                    $({

                    url:請求路徑,

                    type:請求方式,

                    data:請求參數 多個參數用&連接配接,如 data:"username"=jack&age=23

                    //第二種方式: data:{"username":"jack","age":23}

                    success:function(){}//響應成功後的回調函數

                    error:function(){}//表示如果請求相應出現錯誤執行的回調函數

                    dataType:設定接收道德相應資料的格式 有text,json,xml,html,script等

                    每個鍵值對之間需要寫,最後一個不用寫

                  });

            (2):$.get():發送GET請求

                $.get(url,[data],[callback],[type])中括号内容可選即可寫也可不寫

                  url:請求路徑

                  data:請求參數

                  callback:回調函數

                  type:相應結果類型

                    例如:   function fun(){

                            $.get("ajaxServelt",{username:"rose"},function(){},"text");

                              }

            (3):$.post():發送post請求              

                  $.post(url,[data],[callback],[type])中括号内容可選即可寫也可不寫

                            $.post("ajaxServelt",{username:"rose"},function(){},"text");