不使用插件，如何實現無刷新上傳文件？
我吃炸土豆
2016-09-09 17:09:57
1 回答
已采納
小白師兄
TA貢獻55條經驗 獲得超37個贊
說說思路吧:無刷新上傳文件,利用ajax技術,將文件通過post的形式傳給后臺,在success的回調函數中對當前進行刷新就行!
這里有個表單的樣例,都是一樣的,你看看:
$(function(){
? ?$('#send').click(function(){
? ? ? ? $.ajax({
? ? ? ? ? ? type: "POST",
? ? ? ? ? ? url: "test/demo",
? ? ? ? ? ? data: {username:$("#username").val(), content:$("#content").val()},
? ? ? ? ? ? dataType: "json",
? ? ? ? ? ? success: function(data){
? ? ? ? ? ? ? ? ? ? ? ? $('#resText').empty(); ? //清空resText里面的所有內容
? ? ? ? ? ? ? ? ? ? ? ? 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);
? ? ? ? ? ? ? ? ? ? ?}
? ? ? ? });
? ?});
});
這樣,只要成功后就會無刷新的更新頁面!
當然這個用了jquery,如果想用純javascript,可以百度一下,demo一大堆!思路都是一樣的
-
我吃炸土豆用ajax是可以，我也想過，但是沒有找到一個像樣的實例，后面嘗試也沒有成功。然后就是，我做的是在一個構成比較復雜的頁面上實現圖片上傳，因為這個復雜，導致我司上傳插件（uoloadify）不能用，也不能刷新這個頁面，但我最終把這個功能實現了，使用隱藏的iframe來作為請求的target，然后.ashx實現對請求的處理，也做到了“無刷新”上傳。還是謝謝你的回答，我還以為沒人鳥我了呢
添加回答
舉報
0/150
提交
取消