ajax請求資料

2022-08-21 01:54:53 字數 3447 閱讀 7078

ajax()方法是jquery底層的ajax實現,通過http請求載入遠端資料。?1

2345

6789

1011

1213

1415

1617

18$.ajax(,

async:true,

datatype:"json",

success:function(returneddata) ,

error:function(e)

});

}

引數說明:

type:請求方式,「post」或者「get」,預設為「get」。

url:傳送請求的位址。

data:要向伺服器傳遞的資料,已key:value的形式書寫(id:1)。get請求會附加到url後面。

async:預設true,為非同步請求,設定為false,則為同步請求。

datatype:預期伺服器返回的資料型別,可以不指定。有xml、html、text等。

在開發中,使用以上引數已可以滿足基本需求。

如果需要向伺服器傳遞中文引數,可將引數寫在url後面,用encodeuri編碼就可以了。?1

2345

6789

1011

1213

1415

1617

18varchinese ="中文";

varurltemp ="handleajaxrequest.action?chinese="+chinese;

varurl = encodeuri(urltemp);//進行編碼

$.ajax(,

error:function(e)

});

}

struts2的action對請求進行處理:?1

2345

6789

1011

1213

1415

1617

1819

2021

2223

2425

2627

2829

30public void handleajaxrequest()catch(exception e) finally

}

}

struts.xml配置檔案:不需要寫返回型別?1

23method="handleajaxrequest">

分享ajax前後臺互動方法

注:ajax通過async引數決定是非同步還是同步,false同步,true非同步;

非同步執行順序是先執行後續動作,再執行success裡**;

同步是先執行success裡**,再執行後續**;

驗證:同步時資料量大是否會卡頓?例如從後台搜尋大量資料時,頁面是否卡死?

1、(非同步)方法呼叫,後續**不需要等待它的執行結果

後台:?12

345using system.web.script.services;

public static string getstr(string str1, string str2)

前台:?12

3456

78910

1112

1314

1516

1718

1920

21functiontest(strmsg1,strmsg2)

",

contenttype:,

datatype:"json",

success:function(data) ,

error:function(err)

});

//隱藏載入動畫

$("#pageloading").hide();

}

2、(同步)方法呼叫,可用於需要得到返回值是執行後續**的前提

後台:?12

345using system.web.script.services;

public static string getstr(string str1, string str2)

前台:123

4567

891011

1213

1415

1617

1819

20functiontest(strmsg1,strmsg2)

",

contenttype:,

datatype:"json",

success:function(data) ,

error:function(err)

});

returnstr;

ajax請求資料原理

首先要了解什麼是ajax?1.ajax就是非同步的xml和js 注 ajax本身不支援跨域請求,需要在伺服器端處理。工作原理 1.ajax的技術核心是 xmlhttprequest 物件 2.ajax請求過程 建立xmlhttprequest 連線伺服器 傳送請求 伺服器做出響應 接收響應資料 aj...

ajax跨域請求資料

最近開始接觸ajax的跨域請求問題,相比網上說的一大堆,我這裡就說得比較淺顯了。關於為什麼要跨域這個問題,實際的需求是當 專案部署在乙個網域名稱上的時候,分域可以很好地解決 卡頓問題 擁有多台伺服器就另當別論 這種做法現在很常見,多看幾個 細心點就可以看出點門道。下面對比一下跨域之前的ajax請求與...

javascript之ajax請求資料demo

demo 如下 html的demo 如下 php的demo 如下 key post name stararr array 1 array 1.jpg 我是狗狗1號 6 array 6.jpg 我是狗狗2號 9 array 9.jpg 我是狗狗3號 下面是只返回乙個值時的 value stararr ...