C# Aspx页面使用jquery $.ajax()实现Post数据与服务端交互
js代码:
$.ajax({ type: "post", url: "AaxClassKPfm.aspx/SaveGCJ",//AaxClassKPfm.aspx为请求页面,SaveGCJ为请求页面方法名 contentType: "application/json; charset=utf-8", dataType: "json", data: "{jh:'" + jh + "',sj:'" + sj + "',str:'" + str + "'}",//参数名、参数个数必须与请求的方法保持一致 success: function (data) { console.log(data); if (data.d == "1") {//data.d为返回数据 document.getElementById("tb_GCJ").value = str;//保存成功后将显示内容显示在界面上 //以下部分就可以自由发挥了 //alert("保存成功!"); //UpdateGZZH(true,true,true); //Close('gcj', 'gcjfade') } else { alert("保存失败!"); } }, error: function (err) { alert("数据刷新错误:" + err); } });
AaxClassKPfm.aspx页面中的代码如下:
1 using System; 2 using System.Collections.Generic; 3 using System.Linq; 4 using System.Web; 5 using System.Web.UI; 6 using System.Web.UI.WebControls; 7 using System.Web.SessionState; 8 using System.Web.UI; 9 using System.Web.UI.WebControls; 10 using System.Web.UI.HtmlControls; 11 using AjaxPro; 12 using System.Collections.Specialized; 13 using System.Xml; 14 using AP.BL.WorkFlow; 15 using AP.DataAccess; 16 using System.Text; 17 using System.Web.Services;//必须引用 18 using System.Data; 19 using Oracle.ManagedDataAccess.Client; 20 21 namespace AiPu.Web.DJKP 22 { 23 public partial class AaxClassKPfm : System.Web.UI.Page 24 { 25 protected void Page_Load(object sender, EventArgs e) 26 { 27 28 } 29 30 //必须要添加[WebMethod] 31 [WebMethod] 32 public static string SaveGCJ(string jh, string sj, string str) 33 { 34 35 return "+jh+"+";+sj+"+";+str+"; 36 } 37 } 38 }
完成以上工作就可以实现了