jquery前台调用asp.net后台方法
jquery调用asp.net后台的方法示例,在asp.net 页面如何使用jquery调用asp.net页面后台代码.
先创建一个aspx页面编写一个客户端控件<input type="button"id="AjaxDemo" value="AjaxDemo">
再aspx后台的页面编写一个简单的方法,代码如下:
[WebMethod]
public static string ABC(string ABC)
{
returnABC;
}
必须声明为静态方法,并且它们必须使用 [WebMethod] 特性标注。
接下来就应该考虑怎么让前台的客户端控件调用到后台的方法了..这时jqury登场了..
在页面引入jquery类库
<script type="text/javascript"src="JQuery/jquery-1.3.2-vsdoc2.js"></script>
在页面添加脚本代码如下:
<scripttype="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 >