本文目录
- 如何用jqueryajax请求form表单
- jquery.form提交后如何获取数据
- Jquery AJAX提交多个FORM表单
- 使用jquery.form.js 提交包含附件的表单
- 怎么使用jquery提交表单
- jQuery异步提交表单的两种方式
- jquery 如何提交表单到指定方法
如何用jqueryajax请求form表单
第一步：引用js
《!--这里的min是自己用js压缩工具对完整版进行的压缩并不是真正的min，所以好使--》《script type=“text/javascript“ src=“js/jquery-1.7.min.js“》《/script》《script type=“text/javascript“ src=“js/jquery.form.js“》《/script》第二步：页面写form
《form id=“showDataForm“ action=“/024pm/f_shopUser.do?method=login“ method=“post“》 《input type=“text“ value=““ name=“name“ maxlength=“2“/》 《input type=“password“ value=““ name=“password“ maxlength=“2“/》 《input type=“submit“ value=“提交“/》《/form》《div id=“output1“ style=“width:1000px;height:200px;“》《/div》第三步：写js调用jquery.form.js，对form表单进行ajax提交
$(document).ready(function() { var options = { target: ’#output1’, // 从服务传过来的数据显示在这个div内部 也就是ajax局部刷新 beforeSubmit: showRequest, // ajax提交之前的处理 success: showResponse // 处理之后的处理 }; $(’#showDataForm’).submit(function() { $(this).ajaxSubmit(options); return false; //非常重要，如果是false，则表明是不跳转 //在本页上处理，也就是ajax，如果是非false，则传统的form跳转。 });});function showResponse(responseText, statusText, xhr, $form) { alert(xhr.responseText+“==“+$form.attr(“method“)+’status: ’ + statusText + ’\n\nresponseText: \n’ + responseText);//xhr：说明你可以用ajax来自己再次发出请求//$form：是那个form对象，是一个jquery对象//statusText：状态，成功则为success//responseText，服务器返回的是字符串（当然包括html，不包括json）}function showRequest(formData, jqForm, options) { //formData是数组，就是各个input的键值map数组 //通过这个方法来进行处理出来拼凑出来字符串。 //formData：拼凑出来的form字符串，比如name=hera&password， //其实就是各个表单中的input的键值对， //如果加上method=XXXX，那也就是相当于ajax内的data。 var queryString = $.param(formData); alert(queryString+“======“+formData.length); for (var i=0; i 《 formData.length; i++) { alert(formData.name); } //jqForm，jquery form对象 var formElement = jqForm; alert($(formElement).attr(“method“)); alert($(jqForm.name).attr(“maxlength“)); //非常重要，返回true则说明在提交ajax之前你验证 //成功，则提交ajax form //如果验证不成功，则返回非true，不提交 return true;}options对象内的值有哪些？
var options = { target: ’#output1’, data:{param1:“我自己的第一个额外的参数“},//这个参数是指通过ajax来给服务器提交除了form内部input的参数//在后台中使用String param1=req.getParameter(“param1“);获取。 // dataType: null, dataType:’json’,//这个参数值的是服务器返回的数据类型，默认的是null//也就是服务器可以默认返回字符串，然后将这些字符串放在target内部//当然还有json、xml，其中最常用的便是null和json//对于《span style=“color: #333333;“》《a href=“};jquery.form提交后如何获取数据
$(“form“).serializearray();serializearray()方法 格式：varjsondata=$(“form“).serializearray(); 功能：将页面表单序列化成一个json结构的对象。注意不是json字符串。 比如，获取数据为jsondata.name然后对jsondata对象追加数据也可以哦。
Jquery AJAX提交多个FORM表单
我只写个意思，表单如果提交，页面会强制跳转，你是无法实现多个表单的提交，除非你给表单指定了提交路径，如《form name=“form1“ action=“a.php“ method=“post“ target=’xxxx’》《/form》《IFRAME id=’xxxx’name=’xxxx’ src=““ width=“220“ height=“220“》《/IFRAME》这是把表单提交重定向到iframe中，页面就不会强制跳转$(document).ready(function (){ $(function (){ $(’form’).each(function (){ $(this).submit(); }); });});
使用jquery.form.js 提交包含附件的表单
如果你是想 ajax提交带文件的表单，那真的没法做，基本都是用iframe模拟 异步提交的···jquery.form.js 提交带文件的表单，也是 用iframe模拟 异步提交的$(“#btnUpload“).click(function () { 8 if ($(“#flUpload“).val() == ““) { 9 alert(“请选择一个图片文件，再点击上传。“);10 return;11 }12 $(’#UpLoadForm’).ajaxSubmit({13 success: function (html, status) {14 var result = html.replace(“《pre》“, ““);15 result = result.replace(“《/pre》“, ““);16 $(“#image“).attr(’src’, result);17 alert(result);18 }19 });20 });
怎么使用jquery提交表单
jquery提交表单有两种情况：1：jquery只做提交用。$(“form“).submit();这个的表单提交到什么地方的是更具form元素里面的action属性去定义的。2：jquery用ajax提交数据。$.ajax({ type:“post“, url:“xxx.php“, // 这里是提交到什么地方的url data:{}, // 这里把表单里面的数据放在这里传到后台 dataType:“json“, success:function(res){ // 调用回调函数 }});
jQuery异步提交表单的两种方式
本文为大家分享了两种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里面的所有内容varhtml=’’;$.each(data,function(commentIndex,comment){html+=’《divclass=“comment“》《h6》’+comment+’《/p》《/div》’;});$(’#resText’).html(html);}});});});第二种方式：普通ajaxSubmit方式提交表单《scriptsrc=“jquery.form.js“type=“text/javascript“》《/script》《scriptsrc=“dialog.js?lib=false“type=“text/javascript“》《/script》src=“jquery.min.js“type=“text/javascript“》functionuploader_img(){varoptionsSave={type:“POST“,url:GLOBAL_PATH+“/Enterprise/savecompanyphoto“,data:$(’#addImg’).serialize(),success:function(data){if(data.code==0){AlertMini(’alt1’,“上传图片成功!“,’success.gif’,2);window.location.reload();}else{AlertMini(’alt1’,“上传图片失败!“,’error.gif’,2);}},error:function(data){AlertMini(’alt1’,“上传图片失败!“,’error.gif’,2);}}$(’#addImg’).ajaxSubmit(optionsSave);}以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
jquery 如何提交表单到指定方法
jquery提交表单有两种情况： 1：jquery只做提交用。 $(“form“).submit(); 这个的表单提交到什么地方的是更具form元素里面的action属性去定义的。 2：jquery用ajax提交数据。 $.ajax({ type:“post“, url:“xxx.php“, // 这里是提交到什么地方的url...
