先創建一個aspx頁面編寫一個客戶端控件<input type="button" id="AjaxDemo"
value="AjaxDemo">
再aspx后臺的頁面編寫一個簡單的方法,代碼如下:

1 [WebMethod] 2 public static string ABC(string ABC) 3 { 4 return ABC; 5 }

必須聲明為靜態方法，并且它們必須使用 [WebMethod] 特性標注。但是在webservice里面不必是靜態方法，它的對象可以是list、dataset、class對象等……
接下來就應該考慮怎么讓前臺的客戶端控件調用到后臺的方法了..這時jqury登場了..
在頁面引入jquery類庫
<script type="text/javascript"
src="JQuery/jquery-1.3.2-vsdoc2.js"></script>
在頁面添加腳本代碼如下:?

1 <script type="text/javascript"> 2 $().ready( function() { 3 　　$("#AjaxDemo").click(function() { 4 　　　　$.ajax({ 5 type: "POST", 6 　　　　　　　　url: "Default.aspx/ABC", 7 data: "{'ABC':'test'}", 8 contentType: "application/json; charset=utf-8", 9 success: function(msg) {alert(msg); } 10 }) 11 }) 12 } 13 ) 14 </script >

這樣就大功告成了!很多事情都是jquery類庫幫我們做完了,我們這里討論的是如何用,具體里面怎么實現,我們不關心!
jquery里還有很多像$.ajax這樣的方法提供給我們使用.大家可以試試!
補充：注意要建3.5的項目，如果是2.0的話。配置文件會少很多引用的，如果你建的是2.0項目的話。建個3.5的。把3.5的配置文件覆蓋到2.0的項目即可！
上面的代碼如果成功之后彈出的是"{d:test}",是因為他返回的是字符串,我們可以將他改成返回json對象.
把jquery代碼修改如下

1 $().ready( 2 function() { 3 $("#AjaxDemo").click(function() { 4 　　$.ajax({ 5 type: "POST", 6 　　　　　　url: "Default.aspx/ABC", 7 data: "{'ABC':'test'}", 8 dataType: "json", 9 contentType: "application/json; charset=utf-8", 10 success: function(msg) {alert(msg.d); } 11 }) 12 }) 13 } 14 }

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

詳細出處參考：http://www.jb51.net/article/26976.htm

?

轉載于:https://www.cnblogs.com/gates/p/3457698.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。