jquery ajax执行后台方法
(编辑：jimmy 日期: 2025/10/28 浏览：3 次 )
复制代码 代码如下:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="/UploadFiles/2021-04-02/jquery-1.3.2.js"><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;
}
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="/UploadFiles/2021-04-02/jquery-1.3.2.js"><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;
}
下一篇：jQuery中与toggleClass等价的程序段 以及未来学习的方向