jQuery异步提交表单的两种方式
编程学习 2021-07-04 20:00www.dzhlxh.cn编程入门
这篇文章主要为大家详细介绍了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里面的所有内容
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);
}
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持狼蚁SEO。