Ajax非同步請求(二)

標籤：易用   比較   map   eth   索引值   success   type   http get   res   

業精於勤，荒於嬉；行成于思，毀於隨。

　　　　　　　　　　　　----致自己

目錄：

二、jQuery四種常用的Ajax請求方式簡介

1.$.ajax()

2.$.get()

3.$.post()

4.$.getJSON()

==================1.$.ajax()========================

jQuery在非同步請求方面封裝的較好，直接使用Ajax比較麻煩，jQuery大大簡化了我們的使用，不用考慮瀏覽器之間的差異了。

$.ajax()是jQuery底層ajax的實現，$.get()、$.post()是簡單易用的高層實現。$.ajax() 返回其建立的 XMLHttpRequest 對象。大多數情況下你無需直接操作該函數，除非你需要操作不常用的選項，以獲得更多的靈活性。

預設情況下ajax使用get請求，如果需要使用post請求，可以通過設定type參數值來實現

$.ajax({ type: "POST", url: "test.js", dataType: "script"});

$.ajax({    type:"POST",    url:"/user/demo.text",    dataType:"html"    success:function(data){        if(data.success){           //do something             }                }    });

這種形式參數有很多，具體可以網上搜一下，這裡示範的只是簡單的demo。

==================2.$.get()=========================

通過遠程HTTP GET請求載入資訊。。如果需要在出錯時執行函數，請使用 $.ajax。

$.get(        "/user/demo.text",        {name:"張三",age:"24"},         function(data){           alert(data);        }       );

這是一個簡單的 GET 請求功能以取代複雜 $.ajax,請求成功時可調用回呼函數。

參數說明：$.get(url,data,callback);

url(String):發送請求的URL地址。

data(Map):可選，要發送給伺服器的資料，以key/value形式的索引值對，會作為QueryString附加到URL後面。

　　　　　　因為各個瀏覽器對於get請求參數長度有限制，IE最大允許為2k+35

callback(function):(可選) 載入成功時回呼函數(只有當Response的返回狀態是success才是調用該方法)。

==================3.$.post()========================

通過HTTP post請求載入資訊。

$.post(         "/user/demo.do",         {name:"李四",age:"26"},          function(data){            //do something          },          "json");

這是一個簡單的 POST 請求功能以取代複雜 $.ajax,請求成功時可調用回呼函數。

參數說明：$.post(url,data,callback，type);

url(String):發送請求的URL地址。

data(Map):可選，要發送給伺服器的資料，以key/value形式的索引值對，會作為QueryString附加到URL後面。

callback(function):可選 載入成功時回呼函數(只有當Response的返回狀態是success才是調用該方法)。

type(String):可選 這裡指的是發送的資料格式，如：xml、json、jsonp等

上面例子中設定了向服務提交的資料格式為json格式。此時服務端應設定響應的ContentType.     response.setContentType("application/json;charset=utf-8");

==================4.$.getJSON()======================

通過HTTP get請求載入json格式的資料

$.getJSON("o_content.do?jsoncallback=?",function(data) {        if(data.success) {            alert(data.count);        } else {            alert(data.msg);        }    });

ajax應用確實挺多的，最近的一個項目使用ajax技術所以記錄一下，下一篇是使用ajax進行跨域請求。

 

Ajax非同步請求(二)