jquery調用asp.net 頁面背景方法

先建立一個aspx頁面編寫一個用戶端控件<input type="button" id="AjaxDemo" value="AjaxDemo">

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

[WebMethod]

public static string ABC(string ABC)

{

return ABC;

}

必須聲明為靜态方法，并且它們必須使用 [WebMethod] 特性标注。

接下來就應該考慮怎麼讓前台的用戶端控件調用到背景的方法了..這時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類庫幫我們做完了,我們這裡讨論的是如何用,具體裡面怎麼實作,我們不關心!

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

PS:本人也隻是初學,這裡隻是做下筆記!如果講得有什麼不對,請大家指出來!

補充：注意要建3.5的項目，如果是2.0的話。配置檔案會少很多引用的，如果你建的是2.0項目的話。建個3.5的。把3.5的配置檔案覆寫到2.0的項目即可！

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

把jquery代碼修改如下

dataType: "json",

success: function(msg) {alert(msg.d); }

我們設定他傳回的資料是json對象,現在我們可以用傳回的json對象,根據彈出來的d:test,我們可以很明顯看到key是d,值是test,那我們利用傳回的資料msg對象直接點d,就可以獲得test的,修改了代碼之後.現在彈出來就是test了..

本文轉自linzheng 51CTO部落格，原文連結:http://blog.51cto.com/linzheng/1081663