不使用插件，如何實(shí)現(xiàn)無(wú)刷新上傳文件？
我吃炸土豆
2016-09-09 17:09:57
1 回答
已采納
小白師兄
TA貢獻(xiàn)55條經(jīng)驗(yàn) 獲得超37個(gè)贊
說(shuō)說(shuō)思路吧:無(wú)刷新上傳文件,利用ajax技術(shù),將文件通過(guò)post的形式傳給后臺(tái),在success的回調(diào)函數(shù)中對(duì)當(dāng)前進(jìn)行刷新就行!
這里有個(gè)表單的樣例,都是一樣的,你看看:
$(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里面的所有內(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);
? ? ? ? ? ? ? ? ? ? ?}
? ? ? ? });
? ?});
});
這樣,只要成功后就會(huì)無(wú)刷新的更新頁(yè)面!
當(dāng)然這個(gè)用了jquery,如果想用純javascript,可以百度一下,demo一大堆!思路都是一樣的
-
我吃炸土豆用ajax是可以，我也想過(guò)，但是沒(méi)有找到一個(gè)像樣的實(shí)例，后面嘗試也沒(méi)有成功。然后就是，我做的是在一個(gè)構(gòu)成比較復(fù)雜的頁(yè)面上實(shí)現(xiàn)圖片上傳，因?yàn)檫@個(gè)復(fù)雜，導(dǎo)致我司上傳插件（uoloadify）不能用，也不能刷新這個(gè)頁(yè)面，但我最終把這個(gè)功能實(shí)現(xiàn)了，使用隱藏的iframe來(lái)作為請(qǐng)求的target，然后.ashx實(shí)現(xiàn)對(duì)請(qǐng)求的處理，也做到了“無(wú)刷新”上傳。還是謝謝你的回答，我還以為沒(méi)人鳥(niǎo)我了呢
添加回答
舉報(bào)
0/150
提交
取消