本文实例讲述了jQuery基于Ajax方式提交表单功能。分享给大家供大家参考，具体如下： 提交表单一般通过同步的方式提交，提交后页面刷新或跳转到新页面来显示服务器端返回的处理结果。如果表单提交后有另外的操作或业务需求需要还在这个页面上显示或处理，那么页面不能整体刷新，这时第一想到的就是采用ajax的方式提交表单。下面完整的介绍一个表单采用ajax方式提交的流程。 一、准备 1、页面引入jQuery文件 2、页面引入jQuery的表单...
本文实例讲述了JQuery异步提交表单与文件上传功能。分享给大家供大家参考，具体如下： Jquery.form.js是一个可以异步提交表单及上传文件的插件。 示例如下： index.html <!DOCTYPE html> <html> <head><title></title><meta charset="utf-8"><script type="text/javascript" language="javascript" src="js/jquery-1.10.2.js"></script><script type="text/javascript" language="javascript" src="js/jquery.form.js"></script><s...
当表单数据项很多时，手动获取表单项的值将变得效率低下，结合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方式提交 $(function(){$(#send).click(function(){$.ajax({type: "GET",url: GLOBAL_PATH + "/Enterprise/savecompanyphoto",data: {username:$("#username").val(), content:$("#content").val()},dataType: "json",success: function(data){$(#resText).empty(); //清空resText里面的所有内容var html = ; $.each(data, function(commentInde...
最近在思考优化项目，想自己扩展一个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...
本文实例讲述了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...
昨天，在做一个表单异步提交内容的时候，遇到很奇怪的问题，submit()方法无法进行提交，每次提交都是把 当前给刷新了，网络抓包发现，每次都是 get方式去获取 当前页面，完全没有post 请求，想着以前 遇上这样的问题 都是因为 表单中 有 name 或者 id 这些命名跟submit 有冲突，但是检查了几次，始终没有发现 名字冲突，所以这个可能性被排除。平常自己做触发按钮，基本不用a 标签，但是昨天不知道什么 问题，竟然用了 a 而且还给了...
本文实例讲述了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...
有时候我们为了省事就操作键盘组合键去代替使用鼠标，我们今天就使用JQuery实现Ctrl+Enter提交表单。 我们发帖时，在内容输入框中输入完内容后，可以点击“提交”按钮来发表内容。可是，如果你够“懒”，你可以不用动鼠标，只需按住键盘上的Ctrl+Enter键，即可提交表单，完成内容发布。 当然，由于输入框是一个多行文本输入框textarea，我们知道，在textarea中按Enter(回车)键可以换行，并不能直接提交表单(submit)，而默认情况下，...
以jQuery插件开发的方法开发。具体代码如下： jQuery.fn.extend({/*** ctrl+enter提交表单* @param {Function} fn 操作后执行的函数* @param {Object} thisObj 指针作用域*/ctrlSubmit:function(fn,thisObj){var obj = thisObj || this;var stat = false;return this.each(function(){$(this).keyup(function(event){//只按下ctrl情况，等待enter键的按下if(event.keyCode == 17){stat = true;//取消等待setTimeout(function(){sta...
AJAX越来越火了，作为一个WEB程序开发者要是不会这个感觉就要落伍，甚至有可能在求职的时候屡被淘汰。我也是一个WEB程序开发者，当然我也要 “随波逐流”一把，不然饭碗不保啊！之前实现AJAX使用Javascript脚本一个一个敲出来的，很繁琐。学习Jquery之后就感觉实现AJAX并不是那么的困难了，当然除了 Jquery框架外还有其它的优秀框架这里我就着重说下比较流行的Jquery。Jquery AJAX提交表单有两种方式，一是url参数提交数据，二是fo...
本文实例讲述了jquery实现Ctrl+Enter提交表单的方法。分享给大家供大家参考。具体如下： <!DOCTYPE HTML> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Text Box Enter</title> <style type="text/css" media="screen"> body {font: 16px/1.5 helvetica-neue, helvetica, arial, san-serif;}textarea {border: 1px solid #ccc;display: block;width: 250px;height: 100px;}p {bor...
功能很实用代码也很简单，就不多废话了，直接奉上： $.ajax({url:"mobileSurveyAction_addSurvey.action",//提交地址data:$("#form1").serialize(),//将表单数据序列化type:"POST",dataType:"json",success:function(result){if (result.success == 100){$("#mySection").hide();$(".footer").hide();$("#alertMsg").show();}else{alert("失败！");}}}); 以上所述就是本文的全部内容了，希望能够对大家熟练掌握异步提交表单有所帮助...
使用jquery的submit()函数提交form表单时，总是无法提交表单。这个问题太诡异了，是因为form中提交表单的input的name属性为submit，把name改成其他的名称，就可以使用了。 表单可以提交之后，又出现了新的问题。由于基于dz开发，表单提交之后使用submitcheck()这个函数来检查表单是否提交，由jquery提交上来的表单始终无法验证通过。最后采用模拟点击提交按钮的方法来实现。代码如下: <!-- lang: js --> $(input#asubmit).trigger(...