用AJAX與後臺進行互動
阿新 • • 發佈：2019-01-29
傳統的form表單提交會導致頁面重新整理，在我們現在這種情況下，不希望頁面被重新整理，這種時候我們都是使用Ajax的方式進行請求的：我們在這裡使用AJAX來進行檔案的批量上傳，以下是檔案上傳程式碼
在這裡用了jquery.form.js這個庫裡面的ajaxSubmit()方法，直接將表單以AJAX的方式提交，這個方法對我們的檔案上傳來說非常方便也非常重要。具體的用法已在以上程式碼塊中寫出。function upload() { $('#fileinput').ajaxSubmit({ url: 'http://www.datanewsstudio.com/nlp_api/public/upload', xhrFields: { withCredentials: true }, success: function(data) { if(data.length > 0) { var string = "下列檔案的格式有誤，我們沒有處理：\n"; for(var i = 0; i < data.length; i++) { string += data[I].name + ", "; } string = string.substr(0, string.length - 2); alert(string); } window.location.href = "Analyzing1.html"; }, error: function(request, status) { alert("TODO 發生錯誤：" + request.status); } }); }