先創(chuàng)建一個aspx頁面編寫一個客戶端控件<input type="button" id="AjaxDemo" value="AjaxDemo">

再aspx后臺的頁面編寫一個簡單的方法,代碼如下:

[WebMethod]
public static string ABC(string ABC)
{
??? return ABC;
}

必須聲明為靜態(tài)方法，并且它們必須使用 [WebMethod] 特性標(biāo)注。

?

接下來就應(yīng)該考慮怎么讓前臺的客戶端控件調(diào)用到后臺的方法了..這時jqury登場了..

?

在頁面引入jquery類庫

<script type="text/javascript" src="JQuery/jquery-1.3.2-vsdoc2.js"></script>

在頁面添加腳本代碼如下:

?<script type="text/javascript">

$().ready(
??????????? function() {
??????????????? $("#AjaxDemo").click(function() {
??????????????????? $.ajax({
??????????????????????? type: "POST",
??????????????????????? url: "Default.aspx/ABC",
??????????????????????? data: "{'ABC':'test'}",
??????????????????????? contentType: "application/json; charset=utf-8",
??????????????????????? success: function(msg) {alert(msg); }
??????????????????? })
??????????????? })
??????????? }
??????? )

</script >

?

這樣就大功告成了!很多事情都是jquery類庫幫我們做完了,我們這里討論的是如何用,具體里面怎么實現(xiàn),我們不關(guān)心!

jquery里還有很多像$.ajax這樣的方法提供給我們使用.大家可以試試!

?

PS:本人也只是初學(xué),這里只是做下筆記!如果講得有什么不對,請大家指出來!

?

補(bǔ)充：注意要建3.5的項目，如果是2.0的話。配置文件會少很多引用的，如果你建的是2.0項目的話。建個3.5的。把3.5的配置文件覆蓋到2.0的項目即可！

上面的代碼如果成功之后彈出的是"{d:test}",是因為他返回的是字符串,我們可以將他改成返回json對象.

把jquery代碼修改如下

?$().ready(
??????????? function() {
??????????????? $("#AjaxDemo").click(function() {
??????????????????? $.ajax({
??????????????????????? type: "POST",
??????????????????????? url: "Default.aspx/ABC",
??????????????????????? data: "{'ABC':'test'}",
??????????????????????? dataType: "json",
??????????????????????? contentType: "application/json; charset=utf-8",
??????????????????????? success: function(msg) {alert(msg.d); }
??????????????????? })
??????????????? })
??????????? }
??????? )

?

我們設(shè)置他返回的數(shù)據(jù)是json對象,現(xiàn)在我們可以用返回的json對象,根據(jù)彈出來的d:test,我們可以很明顯看到key是d,值是test,那我們利用返回的數(shù)據(jù)msg對象直接點d,就可以獲得test的,修改了代碼之后.現(xiàn)在彈出來就是test了..

?

轉(zhuǎn)載于:https://www.cnblogs.com/linzheng/archive/2010/10/14/1851782.html

總結(jié)

以上是生活随笔為你收集整理的jquery调用asp.net 页面后台方法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。