ajax上傳時(shí)參數(shù)提交不更新等相關(guān)問題

更新時(shí)間：2012年12月11日 10:18:54 作者：

我感覺好像這個(gè)上傳插件只在第一次點(diǎn)擊的時(shí)候?qū)嵗?shù)傳給后臺(tái)，所以以后值都是不變的，應(yīng)該怎么解決這個(gè)問題呢

先前，我從網(wǎng)上下載了一個(gè)jQuery的Ajax上傳插件，網(wǎng)頁(yè)的左側(cè)是上傳分類，想要實(shí)現(xiàn)的一個(gè)功能是如此這樣的：我本來是打算在服務(wù)端根據(jù)上傳分類建立不同的文件夾來保存文件的，因此這個(gè)就需要傳一個(gè)上傳分類參數(shù)給后臺(tái)。這些上傳分類是從數(shù)據(jù)庫(kù)讀出，用repeater生成的。當(dāng)點(diǎn)擊其中一個(gè)分類時(shí)就給他設(shè)置一個(gè)樣式，并且將這個(gè)分類的名字保存到一個(gè)變量uploadCatlog中。我可以取到分類并傳給后臺(tái)，但是很奇怪的是只有第一次是正確的，以后的每次參數(shù)都不更新。其實(shí)在上傳插件的onComplete回調(diào)函數(shù)中也用到了uploadCatlog，它的值也已經(jīng)更新了。我感覺好像這個(gè)上傳插件只在第一次點(diǎn)擊的時(shí)候?qū)嵗?shù)傳給后臺(tái)，所以以后值都是不變的，應(yīng)該怎么解決這個(gè)問題呢？下面是我的js代碼細(xì)節(jié)：
JavaScript code:

復(fù)制代碼代碼如下:

 
<script type="text/javascript"> 
$(function () { 
var uploadCatlog; 
//設(shè)置母版頁(yè)導(dǎo)航欄的當(dāng)前選中樣式 
$("#menu .nav5").addClass("menu_active").siblings().removeClass("menu_active"); 
//生成類別菜單樣式和導(dǎo)航菜單 
$("#kllst li").click(function () { 
$(this).addClass("currentli").siblings().removeClass(); 
uploadCatlog = $(this).text(); 
}); 
var btnUpload = $('#upload'); 
var status = $('#status'); 
btnUpload.click(function () { 
if (uploadCatlog == undefined) { 
status.text("必須先選擇上傳文件的類別！").addClass('error'); 
return false; 
} 
new AjaxUpload(btnUpload, { 
action: 'handler/doUpload.ashx', 
name: 'uploadfile', 
onSubmit: function (file, ext) { 
if (!(ext && /^(doc|docx|xls)$/.test(ext))) { 
status.text('只支持WORD,EXCEL格式上傳！').addClass('error'); 
return false; 
} 
status.text('正在上傳，請(qǐng)稍候...'); 
}, 
data: { "catlog": uploadCatlog }, 
onComplete: function (file, response) { 
status.text('').removeClass('error'); 
if (response == "success") { 
var fimgtype; 
if (file.indexOf(".doc") != -1 || file.indexOf(".docx") != -1) { 
fimgtype = "word"; 
} 
if (file.indexOf(".xls") != -1) { 
fimgtype = "excel"; 
} 
$('<li></li>').appendTo('#files').html('<img src="images/' + fimgtype + '.png" alt="" /><br />[' + uploadCatlog + ']' + file).addClass('success'); 
} else { 
$('<li></li>').appendTo('#files').text(file).addClass('error'); 
} 
} 
}); 
}); 
}); 
</script> 

后來找到了一個(gè)解決方案，那就是：創(chuàng)建實(shí)例后就不會(huì)變了，可以在onSubmit回調(diào)函數(shù)中調(diào)用SetData方法設(shè)置動(dòng)態(tài)參數(shù)，如下的代碼及注釋詳情：
JavaScript code:
//可以使用這些方法來配置AJAX的上傳
var upload = new AjaxUpload(‘#div_id',{action: ‘upload.php'});
//例如當(dāng)用戶選擇了一些東西，設(shè)置一些參數(shù)
upload.setData({ ”catlog”:
ajax的上傳參數(shù)提交，總是會(huì)因?yàn)楦鞣N各樣的錯(cuò)誤而出現(xiàn)問題，但是如何來解決問題，怎樣使用最好的方法來解決問題，是個(gè)值得深究的難題，要想很好的解決編程過程中出現(xiàn)的問題，還是需要自己不斷的鉆研和學(xué)習(xí)！

您可能感興趣的文章: