前台JS代码 <script type="text/javascript"><!-- $(document).ready(function () { $("#btnAlert").click(function () { $.ajax({ type: "POST", url: "Default.aspx/AlertHello", contentType: "application/json; charset=utf-8", dataType: "json", success: function (data) { //返回的数据用data.d获取内容 //alert(data.d); $("#div1").html(data.d); }, error: function (err) { alert(err); } }); return false; }); /*************相加***************/ $("#btnAdd").click(function () { $.ajax({ type: "POST", url: "Default.aspx/GetStrAdd", data: "{'stra':'" + $("#num1").val() + "','strb':'" + $("#num2").val() + "'}", contentType: "application/json; charset=utf-8", dataType: "json", success: function (data) { //返回的数据用data.d获取内容 $("#sumNum").val(data.d); }, error: function (err) { debugger alert(err); } }); return false; }); /***************List<string>************/ $("#btnArray").click(function () { $.ajax({ type: "POST", url: "Default.aspx/GetArray", contentType: "application/json; charset=utf-8", dataType: "json", success: function (data) { //返回的数据用data.d获取内容 //插入前先清空ul $("#div1").html(""); //递归获取数据 $(data.d).each(function () { //插入结果到li里面 $("#div1").append("<li>" + this + "</li>"); }); }, error: function (err) { debugger alert(err); } }); return false; }); /*************Hashtable*******************/ $("#btnHashtable").click(function () { $.ajax({ type: "POST", url: "Default.aspx/GetHash", data: "{ 'key': 'haha', 'value': '哈哈!' }", contentType: "application/json; charset=utf-8", dataType: "json", success: function (data) { //返回的数据用data.d获取内容 var val = "<table border='0' cellpadding='0' cellspacing='0'>"; $.each((data.d), function (i) { val += "<tr><td>" + i + "</td><td>" + data.d[i] + "</td></tr>"; }); val += "</table>"; $("#div1").html(val); //alert("key: haha ==> " + data.d["haha"] ); }, error: function (err) { alert(err); } }); return false; }); /****************XML**********************/ $("#btnXml").click(function () { $.ajax({ url: "XMLtest.xml", dataType: "xml", success: function (xml) { //清空list $("#div1").html(""); //查找xml元素 $(xml).find("data>item").each(function () { $("#div1").append("<li>id:" + $(this).find("id").text() + "</li>"); $("#div1").append("<li>Name:" + $(this).find("name").text() + "</li>"); $("#div1").append("<hr/>"); }) }, error: function (err) { alert(err); } }); return false; }); }); // --></script> 后台代码 需加 using System.Web.Script.Services;引用 方法必须为公用的,静态的 [System.Web.Services.WebMethod] public static string AlertHello() { return "Hello Merry"; } [System.Web.Services.WebMethod] public static string GetStrAdd(string stra, string strb) { int Num1 = Int32.Parse(stra); int Num2 = Int32.Parse(strb); return Convert.ToString(Num1 + Num2); } [System.Web.Services.WebMethod] public static List<string> GetArray() { List<string> li = new List<string>(); for (int i = 0; i < 10; i++) li.Add(i + ""); return li; } //using System.Collections; [System.Web.Services.WebMethod] public static Hashtable GetHash(string key, string value) { Hashtable hs = new Hashtable(); for (int i = 0; i < 10; i++) { hs.Add(i.ToString(), "第" + i + "行"); } hs.Add(key, value); return hs; }