JQuery通过Ajax提交表单并返回结果
更新时间：2011年07月31日 19:21:11 作者：
在开始介绍使用JQuery提交表单之前，先看一下非Ajax提交表单的形式
如下：
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();
}
}
}
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();
}
}
}
上面的代码告诉我们，如果我们想要返回别的实体，也是很方便的的。
前台部分代码：
如果按钮不使用submit，而是button，则上图代码换成如下形式：
源码下载：MvcApplication5.zip
相关文章
jQuery实现Table表格隔行变色及高亮显示当前选择行效果示例
这篇文章主要介绍了jQuery实现Table表格隔行变色及高亮显示当前选择行效果,涉及jQuery针对table元素遍历、运算、样式及鼠标事件动态响应相关操作技巧,需要的朋友可以参考下2017-02-02
这篇文章主要介绍了封装的jquery翻页滚动。需要的朋友可以过来参考下，希望对大家有所帮助2013-11-11
这篇文章主要介绍了Jquery实现仿腾讯娱乐频道焦点图(幻灯片)特效,需要的朋友可以参考下2015-03-03
在网上可以随处找到这段代码，但是没有任何人解释这段代码，只要自己研究好久。2010-06-06
ASP.NET jQuery 实例12 通过使用jQuery validation插件简单实现用户注册页面验证功能
在这节我们将使用validation插件实现注册页面的验证功能，通过这个例子，可以更全面的掌握该插件的使用功能2012-02-02
扩展Jquery插件处理mouseover时内部有子元素时发生样式闪烁
在我们对一个dom添加mouseover和mouseout时，也就是jquery的hover事件，如果该dom有子元素，鼠标移到子元素时会触发mouseout事件，但往往实际情况我们希望在子元素上不触发out事件2011-12-12
该方法的运用是从后台数据库中一次性取出所有的数据，运用Jquery把一部分数据隐藏起来，事实上数据还是全部在html页面中2011-06-06
这篇文章主要介绍了jQuery模拟Marquee实现无缝滚动效果,结合完整实例形式分析了jQuery针对图片与文字的无缝滚动效果实现技巧,需要的朋友可以参考下2016-09-09
这篇文章主要介绍了jquery插件实现扫雷游戏的第三篇，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-04-04
下面小编就为大家带来一篇jquery 点击元素后,滚动条滚动至该元素位置的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-08-08
最新评论