JQuery通過Ajax提交表單并返回結果

2019-11-20 23:44:44

字體：大中小

來源：轉載

供稿：網友

如下：

1：非Ajax

前臺：

對應后臺：

2：JQuery之Ajax

在介紹使用JQuery提交表單前，我們需要首先引用jquery.form.js，它來自于http://www.malsup.com/jquery/form/，至此，我們需要引用的JS文件有：

功能要求：Ajax提交表單，在控制器HelloWorld4Controller中處理請求，并返回若干數據，數據格式為JSON。

首先，我們假設返回的JSON實體為：

復制代碼代碼如下:

 
public class LoginResultDTO 
{ 
public bool Success { get; set; } 
public string Message { get; set; } 
public string ReturnUrl { get; set; } 
} 

控制器部分的代碼為：

復制代碼代碼如下:

 
public class HelloWorld4Controller : Controller 
{ 
public ActionResult Index() 
{ 
if (Request.IsAjaxRequest()) 
{ 
string str1 = Request.Form["Text33"]; 
string str2 = Request.Form["Text44"]; 
return Json(new MvcApplication5.Controllers.HelloWorld3Controller.LoginResultDTO { Success = true, Message = str1 + str2, ReturnUrl = "SomeUrl" }); 
} 
else 
{ 
return View(); 
} 
} 
} 