目前，我会的几种asp.net界面与后台代码交互方式有几种：
1、webform+服务器控件交互；
2、webform+jquery+ajax+一般处理程序交互；
3、webform+jquery+ajax+Webservice/WCF交互；
4、MVC；
5、webform+jquery+ajax直接交互；
其中第1种交互是入门级，发展级为第2与第3，交互方式类似，也是我常用的开发方式。第4种最近几年才出现，玩过，用于项目比较少。
现在记录一下第5种交互方式。
第一步：准备页面代码；
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title> </head>
<body>
<form id="form1" runat="server">
<div>
<asp:Button ID="btn" runat="server" Text="验证用户" />
<asp:Button ID="btn1" runat="server" Text="验证用户1" />
</div>
</form>
<script src="http://cdn.renzaijianghu.com/Static/Script/jquery-1.9.1.js"></script>
<script src="http://cdn.renzaijianghu.com/Static/Script/Json2.js"></script>
<script src="../Static/Script/Core.js"></script>
<script> $(function () {
//调用不含参方法
$("#btn").click(function () {
var url = JHSoft.currentURL + "/GetStr";
$.ajax({
type: "post", //要用post方式
async: false,
url: url,//方法所在页面和方法名
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (data) {
alert(data.d);//返回的数据用data.d获取内容
},
error: function (err) {
alert(err);
}
});
});
//调用含参方法
$("#btn1").click(function () {
var url = JHSoft.currentURL + "/GetData";
var data = new Object();
data["str"] = "我是";
data["str2"] = "XXX"; $.ajax({
type: "post", //要用post方式
url: url,//方法所在页面和方法名
contentType: "application/json; charset=utf-8",
dataType: "json",
data: JSON2.stringify(data), //Json序列化
success: function (data) {
alert(data.d);//返回的数据用data.d获取内容
},
error: function (err) {
alert(err);
}
});
});
});
</script>
</body>
</html>
第二步：准备.cs后台代码；
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Web;
using System.Web.Services; //引用命名空间 namespace JHSoft.Ed2k.UILogic
{
public class TorrentDownload : System.Web.UI.Page
{
protected void PageLoad(object sender, EventArgs e)
{ } [WebMethod]
//必须加标记及声明static
public static string GetStr()
{ return "HelloWorld!";
} [WebMethod]
public static string GetData(string str, string str2)
{
return str + str2;
}
}
}
第三步：Core.js代码
var JHSoft = JHSoft || {};
//当前页面
JHSoft.currentURL = document.URL;