jQuery ajax - 更新div

Question

我想在jQuery ajax succesfull請求後更新div塊，這是作品，但圖片2中的所有塊dublicates（picture1）都顯示瞭如何使用瀏覽器刷新頁面後的外觀。

要更新塊我使用的功能：

function async_get(addr,func) { 
    $.ajax({ 
     url: addr, 
     async: false, 
     success: func 
    }); 
} 

，這就是所謂這樣的：

async_get(
    'http://localhost/getfreelance/welcome', 
    function (data) { 
    $('#header').html(data); 
    } 
); 

任何解決方案？ :)

圖片1：http://postimage.org/image/uxghnpgfb/

圖2：http://postimage.org/image/wj0v02md7/

---

你不明白，我需要更新/刷新DIV塊時，Ajax請求是成功，而不是你的函數fffsuccess （）我使用：'function async_get(addr,func) { $.ajax({ url: addr, async: false, success: func }); }'和我的#header div更新，但它公佈數據。

Answer 1

HTML：

<div id="YourImgDivID"></div> 

功能：

function fffsuccess(){ 
    alert('success!'); 
    $("#YourImgDivID").html('<img src="image1.png">'); 
} 

function ffferror(){ 
    alert('error!'); 
    $("#YourImgDivID").html('<img src="image2.png">'); 
} 

使用：

$.ajax({ 
    url: 'ajax.cos.php', 
    type: 'post', 
    async: false, 
    success: fffsuccess, 
    error: ffferror 
}); 

---

---

---

P.S. 可以更換

$("#YourImgDivID").html('<img src="image2.png">'); 

到：

$("#YourImgDivID img").attr('src', 'image2.png'); 

---

或

的html：

<div id="YourImgDivID"><img id="YourImgID" src="image105.png"></div> 

jQuery來：

$("#YourImgDivID img#YourImgID").attr('src', 'image2.png'); 

任何