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