無法動態更改使用ajax和jquery顯示的圖像

我是jquery和php的新手，所以如果問題很簡單，我很抱歉。我必須根據列表框中選擇的選項更改顯示的圖像。到目前爲止，我的jquery能夠檢索並顯示所需的img id.I本質上試圖將圖像id發回到php腳本，然後檢索圖像，但後來意識到我可以直接操縱img標籤（因爲我的圖像是名字1.jpg，2.jpg）。有人可以幫我嗎？謝謝！下面就相關代碼：無法動態更改使用ajax和jquery顯示的圖像

HTML: 
<img id="design" class ="img-rounded" alt="Ad Picture" width="450p" height="450"/> 
<input type="button" id="GetImage" class="btn" value="Get Image"> 
Jquery: 
$('#GetImage').live("click",function() { 
var imageid= $('#UserIds').val(); 
$.ajax({ 
    type:'POST', 
    url:'ProvidingFeedback.php', 
    data:{id:imageid}, 
    success: function(msg){ 
     if(result=='success') { 
      $('#design').attr('src','/img/2.jpg'); 

     } 
} 
}); 


});

我

來源

2012-12-02 Namrata Kannan

ajax post後發生了什麼？你有沒有嘗試在JS控制檯或螢火蟲中進行調試？你確定阿賈克斯成功嗎？ –

是的Ajax發佈成功。使用警告框來顯示成功並在Firebug中檢查。 –

你從哪裏得到'result'，這個名稱沒有變量，爲什麼你需要檢查ajax調用在'success'回調中是否成功，這個回調只在ajax調用成功時纔會被觸發。刪除if語句。 – adeneo

，因爲你選擇的圖像作爲ID只嘗試IMG或#design

$('#img').attr('src','/img/2.jpg');

應該

$('#design').attr('src','/img/2.jpg');

和

if(msg=='success') {

應該

if(msg=='success') {

來源

2012-12-02 13:42:00

對不起，我只是在玩代碼..我改變了id之間的關係。它與#design無效：（ –

嘗試' Ad Picture '把src放在這裏比改變 –

還要確保你是'ProvideFeedback.php'只有'成功'才能成功' –

嘗試

$.ajax({ 
    type:'POST', 
    url:'ProvidingFeedback.php', 
    data:{id:imageid}, 
    success: function(msg){ 
    //if(result=='success') { // 'result' is not define in you code above should be 'msg' 
     $('#design').attr('src','/img/2.jpg'); 

    //} 
}

如果你想使用msg

爲了更好的幫助到得到結果，你調試你的代碼，你可能想看看@Chrome Developer Tools: Breakpoints或Firebug Breakpoints

來源

2012-12-02 14:29:33

無法動態更改使用ajax和jquery顯示的圖像

回答

相關問題