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 相关文章推荐
Javascript实现快速排序(Quicksort)的算法详解
Sep 06 Javascript
JavaScript动态创建div等元素实例讲解
Jan 06 Javascript
JavaScript中创建对象的模式汇总
Apr 19 Javascript
JS、jQuery中select的用法详解
Apr 21 Javascript
很棒的一组js图片轮播特效
Jan 12 Javascript
BootStrap TreeView使用实例详解
Nov 01 Javascript
Vue的土著指令和自定义指令实例详解
Feb 04 Javascript
在Vue组件中获取全局的点击事件方法
Sep 06 Javascript
微信小程序实现单选选项卡切换效果
Jun 19 Javascript
详解Vue组件之间通信的七种方式
Apr 14 Javascript
浅谈layui数据表格判断问题(加入表单元素),设置单元格样式
Oct 26 Javascript
原生js实现日期选择插件
May 21 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数组函数序列之array_values() 获取数组元素值的函数与方法
2011/10/30 PHP
php截取字符串函数分享
2015/02/02 PHP
在WordPress中使用PHP脚本来判断访客来自什么国家
2015/12/10 PHP
PHP会话操作之cookie用法分析
2016/09/28 PHP
yii2.0数据库迁移教程【多个数据库同时同步数据】
2016/10/08 PHP
PHP文件操作简单介绍及函数汇总
2020/12/11 PHP
javascript 处理HTML元素必须避免使用的一种方法
2009/07/30 Javascript
关于锚点跳转及jQuery下相关操作与插件
2012/10/01 Javascript
事件冒泡是什么如何用jquery阻止事件冒泡
2013/03/20 Javascript
jQuery 属性选择器element[herf*='value']使用示例
2013/10/20 Javascript
经过绑定元素时会多次触发mouseover和mouseout事件
2014/02/28 Javascript
jQuery简单实现两级下拉菜单效果代码
2015/09/15 Javascript
jQuery实现可用于博客的动态滑动菜单完整实例
2015/09/17 Javascript
jQuery实现文本框邮箱输入自动补全效果
2015/11/17 Javascript
js中实现字符串和数组的相互转化详解
2016/01/24 Javascript
NodeJS的Promise的用法解析
2016/05/05 NodeJs
基于Bootstrap实现下拉菜单项和表单导航条(两个菜单项,一个下拉菜单和登录表单导航条)
2016/07/22 Javascript
基于JavaScript实现在新的tab页打开url
2016/08/04 Javascript
js中数组插入、删除元素操作的方法
2017/02/15 Javascript
微信小程序去除左上角返回键的实现方法
2020/03/06 Javascript
深入理解 ES6中的 Reflect用法
2020/07/18 Javascript
js动态生成表格(节点操作)
2021/01/12 Javascript
简单的Python抓taobao图片爬虫
2014/10/26 Python
python分析nignx访问日志脚本分享
2015/02/26 Python
Python3.6 Schedule模块定时任务(实例讲解)
2017/11/09 Python
python3利用venv配置虚拟环境及过程中的小问题小结
2018/08/01 Python
Python3实现的回文数判断及罗马数字转整数算法示例
2019/03/27 Python
django处理select下拉表单实例(从model到前端到post到form)
2020/03/13 Python
python为什么要安装到c盘
2020/07/20 Python
基于Python的接口自动化读写excel文件的方法
2021/01/15 Python
携程英文网站:Trip.com
2017/02/07 全球购物
Ralph Lauren意大利官方网站:时尚界最负盛名的品牌之一
2018/10/18 全球购物
2015年乡镇信访工作总结
2015/04/07 职场文书
答辩状格式范本
2015/05/22 职场文书
实习报告范文
2019/07/30 职场文书
俄罗斯十大城市人口排名,第三首都仅排第六,第二是北方首都
2022/03/20 杂记