jquery调用asp.net 页面后台方法
先創(chuàng)建一個aspx頁面編寫一個客戶端控件<input type="button" id="AjaxDemo" value="AjaxDemo">
再aspx后臺的頁面編寫一個簡單的方法,代碼如下:
[WebMethod]
public static string ABC(string ABC)
{
??? return ABC;
}
必須聲明為靜態(tài)方法,并且它們必須使用 [WebMethod] 特性標注。
?
接下來就應(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:本人也只是初學,這里只是做下筆記!如果講得有什么不對,請大家指出來!
?
補充:注意要建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)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 漂浮的表单
- 下一篇: 理解Javascript_12_执行模型