HTML代码：代码如下:JS代码： 若保存成功，后台返回{"ok":true}；若保存失败，后台返回{"ok":false, "msg":"错误信息"}代码如下: function save() {$("#frm").submit();$("#fra").one("load", function () {var data = eval("(" + $("#fra").contents().find("body").html() + ")");if (data.ok) {$("#divtrackroad").load("TrackRoad?roadId=" + @ViewBag.roadId + "&roadName=" + @ViewBag.roadName + "&viewOrEdit=1&t=" + new ...
AJAX越来越火了，作为一个WEB程序开发者要是不会这个感觉就要落伍，甚至有可能在求职的时候屡被淘汰。我也是一个WEB程序开发者，当然我也要 “随波逐流”一把，不然饭碗不保啊！之前实现AJAX使用Javascript脚本一个一个敲出来的，很繁琐。学习Jquery之后就感觉实现AJAX并不是那么的困难了，当然除了 Jquery框架外还有其它的优秀框架这里我就着重说下比较流行的Jquery。Jquery AJAX提交表单有两种方式，一是url参数提交数据，二是fo...
本文实例讲述了jQuery使用$.ajax提交表单的方法。分享给大家供大家参考，具体如下： 首先，新建Login.html页面：$.ajax()方法发送请求body{font-size: 13px;}.divFrame{width: 225px;border: solid 1px #666;}.divFrame .divTitle{padding: 5px;background-color: #eee;height: 23px;}.divFrame .divTitle span{float: left;padding: 2px;padding-top: 5px;}.divFrame .divContent{padding: 8px;text-align: center;}.divFrame .di...
使用jquery的ajax方法可以异步提交表单，成功后后台返回json数据，回调函数处理，可以不用刷新页面，达到异步的目的； 处理表单的数据可以用serialize()方法进行序列化，而如果提交的数据包括文件流的话，就需要使用 FormData对象： 不带文件的表单数据使用：var data = $(form).serialize(); 带文件的表单数据使用： var data = new FormData($(form)[0]); 一、不带文件的ajax提交数据： html：form表单<form id="addForm" act...
本文实例讲述了jQuery基于Ajax方式提交表单功能。分享给大家供大家参考，具体如下： 提交表单一般通过同步的方式提交，提交后页面刷新或跳转到新页面来显示服务器端返回的处理结果。如果表单提交后有另外的操作或业务需求需要还在这个页面上显示或处理，那么页面不能整体刷新，这时第一想到的就是采用ajax的方式提交表单。下面完整的介绍一个表单采用ajax方式提交的流程。 一、准备 1、页面引入jQuery文件 2、页面引入jQuery的表单...
当表单数据项很多时，手动获取表单项的值将变得效率低下，结合jQuery提供的函数serialize()，我们可以实现快速获取数据并提交表单数据。 请看下面的表单： <form id="fm"><table><tr><td>姓名</td><td><input type="text" name="name" /></td></tr><tr><td>年龄</td><td><input type="text" name="age" /></td></tr><tr><td>密码</td><td><input type="password" name="password" /></td></tr><tr><td>性别</td><td><input type="r...
最近在思考优化项目，想自己扩展一个jquery自动获取表单中的数据进行ajax提交。本人没有完整性学习jquery，基本上是现学现找，有点困难。 主要是扩展和拼接json转对象 很简单，附上代码： ; (function ($) { $.fn.ajaxForm = function (options) { var defaults = { modelname: model,//后台对象接收名称 url: /,//提交地址 postType: POST,//提交方式 dataType: JSON,//数据返回类型 async: false,//是否异步 optionObj: [],//自定...
AJAX简介AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。AJAX 不是新的编程语言，而是一种使用现有标准的新方法。AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。 需要引入 ： jquery-form.js使用说明：Java代码 $(document).ready(function() { var options = { target: #mydiv, // 需要刷新的区域 //beforeSubmit: showRequest, // 提交前调用的方法 //success: showR...
由于项目中需要在提交ajax前设置header信息，jquery的ajax实现不了，我们自己封装几个常用的ajax方法。jQuery的ajax普通封装var ajaxFn = function(uri, data, cb) { $.ajax({ url: uri, type: POST, dataType: json, data: data, }) .done(cb) .fail(function() { console.log("error"); }) .always(function() { console.log("complete"); }); } 原生ajax封装，设置header，传jsonvar ajaxHdFn = function(uri, data, cb) { var ...
本文实例讲述了jquery+ajax实现直接提交表单的方法。分享给大家供大家参考，具体如下： 这里给出查看帮助文档的例子 <script src="jquery-1.4.4.js"></script> <script> $(function(){$("#results").append( "<tt>" + $("form").serialize() + "</tt>" ); }); </script> <p id="results"><b>Results: </b> </p> <form><select name="single"><option>Single</option><option>Single2</option></select><select name="multiple" mul...
本文实例讲述了jQuery使用$.ajax提交表单的方法。分享给大家供大家参考，具体如下： 首先，新建Login.html页面： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head><title>$.ajax()方法发送请求</title><script type="text/javascript" src="jquery-1.4.1.js"></script><style type="text/css">bo...
AJAX越来越火了，作为一个WEB程序开发者要是不会这个感觉就要落伍，甚至有可能在求职的时候屡被淘汰。我也是一个WEB程序开发者，当然我也要 “随波逐流”一把，不然饭碗不保啊！之前实现AJAX使用Javascript脚本一个一个敲出来的，很繁琐。学习Jquery之后就感觉实现AJAX并不是那么的困难了，当然除了 Jquery框架外还有其它的优秀框架这里我就着重说下比较流行的Jquery。Jquery AJAX提交表单有两种方式，一是url参数提交数据，二是fo...
validationEngine给我们为前端的表单验证减少了很大的工作量.大部分情况我们使用validationEngine验证表单的形式有几种方式: 1 使用正常的表单提交.这种情况validationEngine验证不通过是不会提交表单的. 2 使用ajax提交表单,但是没有使用ajax验证. 这种方式也比较简单,在我们使用ajax请求前检查验证是否通过就可以,例如:代码如下: //验证不通过时return if(!$("form#ajaxForm").validationEngine("validate")) ret...
代码如下: function postdata(){ //提交数据函数 $.ajax({ //调用jquery的ajax方法 type: "POST", //设置ajax方法提交数据的形式 url: "ok.php", //把数据提交到ok.php data: "writer="+$("#writer").val(), //输入框writer中的值作为提交的数据 success: function(msg){ ...
Ajax 无刷新代码如下:var xmlHttp; uName() //用户名失去焦点时 { if(all.uname.=="") { all.l1.innerHTML="不能为空！"; setTimeout("close(1)",1500); return; } else { xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); xmlHttp.onreadystatechange=deal; //回调函数 var url="aJax.aspx?user="+all.uname.+""; //将要跳转到检测用户名的页面 xmlHttp.open("get",url,true); //用 get 模式提...