【jquery+ajax实现异步提交表单数据】教程文章相关的互联网学习教程文章

jquery ajax提交表单数据的两种实现方法

之前实现AJAX使用Javascript脚本一个一个敲出来的,很繁琐。学习Jquery之后就感觉实现AJAX并不是那么的困难了,当然除了Jquery框架外还有其它的优秀框架这里我就着重说下比较流行的Jquery。Jquery AJAX提交表单有两种方式,一是url参数提交数据,二是form提交(和平常一样在后台可以获取到Form表单的值)。在所要提交的表单中,如果元素很多的话建议用第二种方式进行提交,当然你要是想练练“打字水平”的话用第一种方式提交也未尝...

Jquery Validation插件防止重复提交表单的解决方法

由于在项目中应用了Jquery Validation表单验证插件,所以要实现在Validation验证完毕后,提交form,然后禁止按钮。CodeProject上有一个DisableBtnPostBack项目,但不无法和Jquery Validation结合,代码先贴出来,给大家提示下,碰到这种情况不要使用该代码。代码如下: js: 代码 代码如下:function disableBtn(btnID, newText) { Page_IsValid = null; if (typeof (Page_ClientValidate) == function) { Page_ClientValidate(); }...

jquery ajax提交表单数据的两种方式

之前实现AJAX使用Javascript脚本一个一个敲出来的,很繁琐。学习Jquery之后就感觉实现AJAX并不是那么的困难了,当然除了Jquery框架外还有其它的优秀框架这里我就着重说下比较流行的Jquery。Jquery AJAX提交表单有两种方式,一是url参数提交数据,二是form提交(和平常一样在后台可以获取到Form表单的值)。在所要提交的表单中,如果元素很多的话建议用第二种方式进行提交,当然你要是想练练“打字水平”的话用第一种方式提交也未尝...

jquery提交表单mvc3后台处理示例

JQuery提交表单代码如下:$(document).ready(function () { $("#btnLogin").click(function () { $.ajax({ url: /Home/Login, data: { "account":" + $("#account").val() + ", "psword": " + $("#psword").val() + " }, type: "post", contentType: "application/json;charset=utf-8", dataType: "json" ...

jQuery Validator验证Ajax提交表单的方法和Ajax传参的方法

serialize() 方法通过序列化表单值,创建 URL 编码文本字符串。代替了一个一个传参的方式 以往写的ajax传参方式 $.ajax({ url : "${ctx}/SJStandardDamPartition/insertOrUpdateDamPartition", type : "post", dataType : "json", data: {beginsectionid:function(){return $(#number option:selected).val();},beginelevation:function(){return $(#onset).val();},endelevation:function(){return $(#end).val();}}, success : f...

Jquery中ajax提交表单几种方法(get、post两种方法)

在jquery中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax 序列化表单$( 表单ID) serialize();就行了,下面我来介绍两个提交表单数据的方法。$get方式提交表单get() 方法通过远程HTTP ,下面我来介绍两个提交表单数据的方法。 $get方式提交表单get() 方法通过远程 HTTP GET 请求载入信息 格式 $(selector).get(url,data,success(response,status,xhr),dataType)请求 test.php 网页,传送2个参数,忽略返回值:...

Jquery基于Ajax方法自定义无刷新提交表单Form实例

本文实例讲述了Jquery基于Ajax方法自定义无刷新提交表单Form的方法。分享给大家供大家参考。具体实现方法如下: Jquery的$.ajax方法可以实现ajax调用,要设置url,post,参数等。 如果要提交现有Form需要写很多代码,何不直接将Form的提交直接转移到ajax中呢。 以前的处理方法: 如Form代码如下:代码如下:<form id="Form1" action="action.aspx" method="post" > 名称:<input name="name" type="text" /><br /> 密码:<input name=...

jQuery ajax中使用serialize()方法提交表单数据示例【图】

jQuery ajax中数据以键值对(Key/Value)的形式发送到服务器,使用ajax提交表单数据时可以使用jQuery ajax的serialize() 方法表单序列化为键值对(key1=value1&key2=value2…)后提交。serialize() 方法使用标准的 URL-encoded 编码表示文本字符串。下面是使用serialize()序列化表单的实例: 代码如下:$.ajax({ type: "POST", url: ajaxCallUrl, data: "Key=Value&Key2=Value2", success: function(msg){alert(msg);} });a...

jquery ajax提交表单从action传值到jsp实现小结

jsp页面: 代码如下:var clientTel = $("#clientTel").val(); var activityId = $("#activityId").val(); $.ajax({ type : "post",//发送方式 url : "/arweb/reserve/saveCode.action",// 路径 data : "clientTel="+clientTel+"&activityId="+activityId , success: function(text){$("#randomCode").val(text);}, error: function(text) {alert("对不起,用户ID不存在,请输入正确的用户ID");} }); action类: 代码如下:HttpServ...

javascript-如何通过jQuery onblur提交表单【代码】

所以我正在尝试通过jQuery onblur提交表单(即,只要焦点离开了密码字段,表单就会通过jQuery提交).有类似的问题,但这不是我想要的.我尝试使用document.getElementById,但无法正常工作. 任何帮助表示赞赏.提前致谢.<script>$(function(){$("#pswd").blur({$("#myForm").submit(); });});</script>解决方法:正如@dvenkatsagar所建议的那样,您存在一些语法错误, 实时预览:http://codepen.io/larryjoelane/pen/VedXqr(function($){//I s...

javascript-jQuery提交不会停止提交表单【代码】

我有以下HTML表单<form action="/newPost" id="submit_new" method="get"><div class="iwill"><div class="iwill-holder"><div class="txt"></div><div class="f"><input class="text" id="quickpost" name="quickpost" type="text" value=""></div><div class="img regularProgress" alt="Processing..."><input alt="Continue" class="iwill-btn movable" id="continue_submit" src="<?=$config['http']?>images/btn-2-continue-...

php-在本机iPhone Phonegap应用程序上使用jQuery .ajax()或.post()提交表单?【代码】

我想知道如何使用jQuery的.ajax()或.post()从Phonegap本机iPhone应用程序将数据发送到Web服务器上的php文件中?它必须是xml还是json?还是可以将常规的HTML帖子数据发送到文件? 如果可以给我展示一个例子,那就太好了! 更新:感谢Drew提供的出色解决方案!我还找到了一篇很好地解释该过程的文章. 更新2:我的脚本有问题. 这是我的JavaScript.我试图让jQuery将我的登录表单数据发送到我的PHP文件中.然后,我告诉它从php文件中获取数...

javascript-如何使用jquery或ajax单击提交表单【代码】

在我的代码中,我有一个表格<form id="form_enquiry" name="enquiry-form"><ul><li><label>Name</label><input name="name" type="text" id="name" class="required"/></li><li><label>Email</label><input name="email" type="text" id="email" class="required"/></li><li><label>Telephone</label><input name="telephone" type="text" id="telephone" class="required"/></li><li><label>Message</label><textarea rows="4" nam...

javascript-在提交表单时,先进行jquery检查,然后再进行Codeiginiter验证【代码】

表单提交按钮,我必须使用jquery检查一些验证.但是,我还使用了带有form_open(xxxx)的codeiginiter验证,这使我的提交按钮jQuery没有被调用.我该怎么做才能使两者同时起作用?之前还是之后? (我要进行前端和后端检查)<?php $prevURLPATH=urlencode($p); echo form_open('form/'.$usr.'/'.$name.'?prevURL='.$p); ?><div class="form-group row"> <label class="col-md-3 control-label text-center"></label> <div class="col-md-8">...

javascript-提交表单时如何关闭jquery ui对话框?【代码】

我将表单加载到jQuery UI对话框中.我有一个提交按钮(在我的表单内-而不是实际的对话框按钮),它调用控制器动作,但是我无法弄清楚在调用提交后如何关闭对话框,因为我没有附加任何事件处理程序. 除了将提交更改为输入type = button之外,还有其他方法吗? 我知道在jquery中我可以捕获提交$('#positionForm').submit(function () {// do stuffreturn true; });但这似乎在提交之前触发,所以我不想关闭对话框. 下面的代码有什么问题吗:$(...