网站首页 网站建设 IT知识 IT知识教程 jQuery异步提交表单的两种方式

jQuery异步提交表单的两种方式

2021-05-26 21:22:19

本文为大家分享了两种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(commentIndex, comment){ html += '<div class="comment"><h6>' + comment['username'] + ':</h6><p class="para"' + comment['content'] + '</p></div>'; }); $('#resText').html(html); } }); });});

第二种方式:普通ajaxSubmit方式提交表单

<script src="jquery.form.js" type="text/javascript"></script><script src="dialog.js?lib=false" type="text/javascript"></script>src="jquery.min.js" type="text/javascript">function uploader_img(){ var optionsSave={ 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); }

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。 如涉及版权问题,请提交至online#300.cn邮箱联系删除。

以上产品还未完全满足我的所有需求,在下方提交我的专属需求
我的专属需求:
*手机号:
*验证码:
img
咨询报价
现在咨询
img

在线咨询

建站在线咨询

img

微信咨询

扫一扫添加
动力姐姐微信

img
img

TOP