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['username']
+':</h6><pclass="para"'+comment['content']
+'</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);
}
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。