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);
}
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。
热门推荐
10 财运虎年祝福语简短语
11 单亲爸爸春节祝福语简短
12 狗狗上厕所训练
13 植物种植祝福语简短
14 翻译考试祝福语朋友简短
15 个人周年庆简短祝福语
16 狗狗怎么训练
17 分别祝福语简短搞笑英文
18 生日广州男生祝福语简短