JQuery通过Ajax提交表单并返回结果


Posted in Javascript onJuly 31, 2011

如下:

1:非Ajax

前台:

JQuery通过Ajax提交表单并返回结果

对应后台:

JQuery通过Ajax提交表单并返回结果

2:JQuery之Ajax

在介绍使用JQuery提交表单前,我们需要首先引用jquery.form.js,它来自于http://www.malsup.com/jquery/form/,至此,我们需要引用的JS文件有:

JQuery通过Ajax提交表单并返回结果

功能要求: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(); 
} 
} 
}

上面的代码告诉我们,如果我们想要返回别的实体,也是很方便的的。

前台部分代码:

Javascript 相关文章推荐
原生js实现给指定元素的后面追加内容
Apr 10 Javascript
解析使用js判断只能输入数字、字母等验证的方法(总结)
May 14 Javascript
js 加密压缩出现bug解决方案
Nov 25 Javascript
jQuery元素的隐藏与显示实例
Jan 20 Javascript
自定义百度分享的分享按钮
Mar 18 Javascript
基于jQuery实现搜索关键字自动匹配功能
Mar 26 Javascript
多个js毫秒倒计时同时进行效果
Jan 05 Javascript
AngularJs IE Compatibility 兼容老版本IE
Sep 01 Javascript
bootstrap table使用入门基本用法
May 24 Javascript
Extjs 中的 Treepanel 实现菜单级联选中效果及实例代码
Aug 22 Javascript
vue中遇到的坑之变化检测问题(数组相关)
Oct 13 Javascript
JS面向对象的程序设计相关知识小结
May 26 Javascript
Dreamweaver jQuery智能提示插件,支持版本提示,支持1.6api
Jul 31 #Javascript
动态加载外部javascript文件的函数代码分享
Jul 28 #Javascript
工作需要写的一个js拖拽组件
Jul 28 #Javascript
基于Jquery的开发个代阴影的对话框效果代码
Jul 28 #Javascript
jQuery.get、jQuery.getJSON、jQuery.post无法返回JSON问题的解决方法
Jul 28 #Javascript
js中使用DOM复制(克隆)指定节点名数据到新的XML文件中的代码
Jul 27 #Javascript
另一个javascript小测验(代码集合)
Jul 27 #Javascript
You might like
PHP中ob_start函数的使用说明
2013/11/11 PHP
PHP转换文本框内容为HTML格式的方法
2016/07/20 PHP
php登录超时检测功能实例详解
2017/03/21 PHP
php使用fputcsv实现大数据的导出操作详解
2020/02/27 PHP
CSS常用网站布局实例
2008/04/03 Javascript
Javascript冒泡排序算法详解
2014/12/03 Javascript
超实用的javascript时间处理总结
2016/08/16 Javascript
Windows环境下npm install 报错: operation not permitted, rename的解决方法
2016/09/26 Javascript
简单的Vue SSR的示例代码
2018/01/12 Javascript
Angular6中使用Swiper的方法示例
2018/07/09 Javascript
Angular中的ng-template及angular 使用ngTemplateOutlet 指令的方法
2018/08/08 Javascript
Nest.js散列与加密实例详解
2021/02/24 Javascript
python通过urllib2获取带有中文参数url内容的方法
2015/03/13 Python
python编写微信远程控制电脑的程序
2018/01/05 Python
使用python读取txt文件的内容,并删除重复的行数方法
2018/04/18 Python
Python将多个list合并为1个list的方法
2018/06/27 Python
Matplotlib中文乱码的3种解决方案
2018/11/15 Python
Python Cookie 读取和保存方法
2018/12/28 Python
python 通过可变参数计算n个数的乘积方法
2019/06/13 Python
python爬虫添加请求头代码实例
2019/12/28 Python
如何基于matlab相机标定导出xml文件
2020/11/02 Python
JD Sports意大利:英国篮球和运动时尚的领导者
2017/10/29 全球购物
伦敦哈德森鞋:Hudson Shoes
2018/02/06 全球购物
彪马俄罗斯官网:PUMA俄罗斯
2019/07/13 全球购物
澳大利亚厨房和家用电器购物网站:Bing Lee
2021/01/11 全球购物
公司营业员的工作总结自我评价
2013/10/05 职场文书
学术会议邀请函范文
2014/01/22 职场文书
股份转让协议书
2014/04/12 职场文书
总经理任命书范本
2014/06/05 职场文书
领导四风问题整改措施思想汇报
2014/10/13 职场文书
补充协议书
2015/01/28 职场文书
保险内勤岗位职责
2015/04/13 职场文书
餐饮服务食品安全承诺书
2015/04/29 职场文书
励志语录:只有自己足够强大,才能不被别人践踏
2020/01/09 职场文书
Java的Object类的九种方法
2022/04/13 Java/Android
python blinker 信号库
2022/05/04 Python