JQuery封裝ajax的方法

1.$.post方法

$.post(url[,data][,callback][,type])

url：請求的后台程序地址

data：發送到后台的數據

callback：載入成功時回調函數，該函數參數是從后台程序接收的結果

type：返回數據的類型

示例： $.post( 

'getContent.php',

{id:101},

function(msg){alert (msg)}, 

'json' 

)

2.$.get方法

$.get(url[,data][,callback][,type])

$.get(

'getContent.php',

{id:101,'_':Date.parse(new Date())}, 

function(msg){alert (msg)}, 

'json'

)

3.$.ajax方法

$.ajax({ url,type,cache,data,dataType,success,error,contentType,processData[,其他可選參數] });

$.ajax({

    url:'upimg.php',

    type:'post',//FormData只能使用post方式

    data:fd,

    contentType:false,//DOM形式發送數據使用false

    processData:false,//DOM形式發送數據使用false

    dataType:'json',

    success:function(msg){

        alert(msg);

        }

    })

• ajax的原理，流程，優缺點

•       原理：
•            ajax:  ajax是一種提供動態交互的網頁開發技術,
•            通過XmlHttpRequest對象來向服務器發異步請求，從服務器獲得數據，然后用javascript來操作DOM而更新頁面
•      流程：
•         （1）創建對象
•         （2）和服務器建立連接
•         （3）發送數據
•         （4）服務器響應客戶端的請求，並將處理結果返回為客戶端
•      優點：
•          (1）頁面無刷新，在頁面內與服務器通信，用戶的體驗非常好。
• 　 （2）使用異步方式與服務器通信，不需要打斷用戶的操作，具有更加迅速的響應能力。
• 　 （3）ajax的原則是“按需取數據”，可以最大程度的減少冗余請求，和響應對服務器造成的負擔。
•        (可以把以前一些服務器負擔的工作轉嫁到客戶端，利用客戶端閑置的能力來處理，減輕服務器和帶寬的負擔，節約空間和寬帶租用成本，減輕服務器的負擔。)

 

缺點：

  （1）破壞了瀏覽器后退機制，可以通過IFRAME來重現頁面上的變更，但是成本較高，與它所要求的快速開發是相背離。

  （2）安全問題：暴露比以前更多的數據和服務器邏輯，容易受到跨站點腳步攻擊、SQL注入攻擊

  （3）一些手持設備（如手機、PDA等）現在還不能很好的支持ajax