jQuery異步提交表單的兩種方式
更新時間:2016年09月13日 14:21:58 作者:qq_35661734
這篇文章主要為大家詳細(xì)介紹了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)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
真正的JQuery.ajax傳遞中文參數(shù)的解決方法
許多人在使用JQuery.ajax方法時肯定會遇到一個問題。在編碼不是UTF-8的時候,當(dāng)傳遞的參數(shù)里有中文的時候,服務(wù)端Request的時候都會出現(xiàn)亂碼。2011-05-05jQuery LigerUI 插件介紹及使用之ligerDrag和ligerResizable示例代碼打包
jQuery LigerUI 插件介紹及使用之ligerDrag和ligerResizable使用。2011-04-04根據(jù)Bootstrap Paginator改寫的js分頁插件
本文主要對根據(jù)Bootstrap Paginator改寫的js插件進(jìn)行詳細(xì)介紹,具有很好的參考價值,需要的朋友一起來看下吧2016-12-12