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);
}
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
jQuery獲取DOM節(jié)點(diǎn)實(shí)例分析(2種方式)
這篇文章主要介紹了jQuery獲取DOM節(jié)點(diǎn)的方法,提供了兩種jQuery獲取DOM節(jié)點(diǎn)的技巧,需要的朋友可以參考下2015-12-12
真正的JQuery.ajax傳遞中文參數(shù)的解決方法
許多人在使用JQuery.ajax方法時(shí)肯定會(huì)遇到一個(gè)問(wèn)題。在編碼不是UTF-8的時(shí)候,當(dāng)傳遞的參數(shù)里有中文的時(shí)候,服務(wù)端Request的時(shí)候都會(huì)出現(xiàn)亂碼。2011-05-05
jquery 分頁(yè)控件實(shí)現(xiàn)代碼
花了幾個(gè)小時(shí)用jqury寫的分頁(yè)效果實(shí)現(xiàn),功能基本實(shí)現(xiàn)需要再封裝下 呵呵~~2009-11-11
jQuery LigerUI 插件介紹及使用之ligerDrag和ligerResizable示例代碼打包
jQuery LigerUI 插件介紹及使用之ligerDrag和ligerResizable使用。2011-04-04
根據(jù)Bootstrap Paginator改寫的js分頁(yè)插件
本文主要對(duì)根據(jù)Bootstrap Paginator改寫的js插件進(jìn)行詳細(xì)介紹,具有很好的參考價(jià)值,需要的朋友一起來(lái)看下吧2016-12-12
基于JQuery的日期聯(lián)動(dòng)實(shí)現(xiàn)代碼
基于JQuery的日期聯(lián)動(dòng)實(shí)現(xiàn)代碼,需要的朋友可以參考下。2011-02-02
jQuery接受后臺(tái)傳遞的List的實(shí)例詳解
這篇文章主要介紹了jQuery接受后臺(tái)傳遞的List的實(shí)例詳解的相關(guān)資料,這里提供了前臺(tái)代碼和后臺(tái)代碼的實(shí)現(xiàn),需要的朋友可以參考下2017-08-08

