jQuery异步提交表单的两种方式
来源：爱站网时间：2020-03-12编辑：网友分享
js是一个非常强大的表单提交插件，但是作为前端开发，我们的项目必须要满足这些需求，那么jQuery异步提交表单的两种方式，大家都知道吗？不妨进入爱站技术频道学习，这里一定有你想要的专业知识。
js是一个非常强大的表单提交插件，但是作为前端开发，我们的项目必须要满足这些需求，那么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.html" target="_blank">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); }
以上就是为大家介绍的jQuery异步提交表单的两种方式，这里还要提醒一下大家在学习的时候要注意的事项，而且要学习好上面的知识，才能在实践中处理的得心应手哦。
