首先，我們要在前臺引入json的腳本，以便于把js對象序列化

然后我們在前臺聲明一個類,將你要保存的值放到類里面，最后序列化

function Save() {

var examId = '';

var yearTerm = $("#").val();

var examType = $("#").val();

var examDate = $("#ExamDate").val();

var examName = $("#ExamName").val();

var exam = {};

exam["ExamId"] = examId;

exam["YearTerm"] = yearTerm;

exam["ExamType"] = examType;

exam["ExamDate"] = examDate;

exam["ExamName"] = examName;

var json = $.toJSON(exam);

var Result = AjaxController.EditExam(json).value;

if (Result == "Success")

{

alert("保存成功");

parent.$.fancybox.close();

}

else

{

alert(Result);

}

}

然后我們在后臺，進行反序列化，并使用值.因為我們使用ajax所以要在后臺的方法上加上[Ajax.AjaxMethod]特性，并且在你前臺所在頁面的cs里面也要加上Ajax的注冊.具體使用看

protected void Page_Load(object sender, EventArgs e)

{

Ajax.Utility.RegisterTypeForAjax(typeof(Youjiao.xxt.BLL.Controller.AjaxController));

if (!IsPostBack)

{

Databind();

}

}

[Ajax.AjaxMethod]

public string EditExam(string value)

{

string Result = "";

try

{

if (HttpContext.Current.Request.IsAuthenticated)

{

EditExam editExam = JsonSerializeHelper.DeserializeFromJson(value);

ExamController eController = new ExamController();

eController.EditExam(editExam);

Result = "Success";

}

else

{

Result = "會話無效，請重登錄！";

}

}

catch (Exception ex)

{

Result = ex.Message;

}

return Result;

}

圖片：

[Serializable]

public class EditExam

{

public string ExamId { get; set; }

public string YearTerm { get; set; }

public string ExamType { get; set; }

public string ExamDate { get; set; }

public string ExamName { get; set; }

}

這樣就可以很好的避免在前臺js里面傳入大量的參數，后臺也可以直接反序列化為類來點出成員的值了

總結

以上是生活随笔為你收集整理的前台传json ajax,如何在前台脚本通过json传递数据到后台(使用微软自带的ajax)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。