jquery ajax执行后台方法

 更新时间:2010年03月18日 19:05:25   作者:  
jquery ajax调用动态网页内容的方法,其实下面的这个例子很简单的返回数据。
复制代码 代码如下:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="script/jquery-1.3.2.js" type="text/jscript"></script>
<script type="text/jscript">
function show(num) {
var params = '{str:"'+ num+'"}';
$.ajax({
type: "POST",
url: "default.aspx/aa",
data: params,
dataType: "text",
contentType: "application/json; charset=utf-8",
beforeSend: function(XMLHttpRequest) {
$('#show').text("正在查询");
},
success: function(msg) {
$('#show').text(eval("(" + msg + ")").d);
},
error: function(xhr, msg, e) { alert(msg); }
});
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="click" onclick="show('执行成功');">点击我! </div>
<div id="show" ></div>
</form>
</body>
</html>

后台方法:
复制代码 代码如下:

[System.Web.Services.WebMethod()]
public static string aa(string str)
{
return str;
}

相关文章

最新评论