jQuery異步提交表單的兩種方式
更新時間:2016年09月13日 14:21:58 作者:qq_35661734
這篇文章主要為大家詳細介紹了jQuery異步提交表單的兩種方式,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本文為大家分享了兩種jQuery異步提交表單的方式,具體內(nèi)容如下
第一種方式:普通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里面的所有內(nèi)容
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);
}
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
jquery如何把參數(shù)列嚴格轉(zhuǎn)換成數(shù)組實現(xiàn)思路
某參數(shù)的列只有一個參數(shù),那么each是失敗,如何保證pp嚴格是數(shù)組呢,很簡單var a=[pp];這一句就行了,感興趣的朋友可以參考下哈,希望可以幫助到你2013-04-04
jquery創(chuàng)建div 實現(xiàn)代碼
有時候我們需要動態(tài)創(chuàng)建一個div下面是具體的實現(xiàn)代碼,大家只要熟悉了jquery的一些基本用法就能輕松的實現(xiàn)。2009-04-04
jQuery ajax serialize() 方法使用示例
serialize() 方法創(chuàng)建以標準 URL 編碼表示的文本字符串,下面為大家介紹下jQuery serialize方法的使用2014-11-11

