jQuery ajax - 更新 div

Question

我正在尝试在 jQuery ajax 成功请求后更新 div 块，这是可行的，但所有块都重复（图 1），图 2 显示了它在使用浏览器刷新页面后的外观。

要更新我正在使用的功能块：

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

它的名字是这样的：

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

有什么解决办法吗？ :)

图一：http://postimage.org/image/uxghnpgfb/

图二：http://postimage.org/image/wj0v02md7/

---

你不明白，当 ajax 请求成功时，我需要更新/刷新 div 块，而不是我正在使用的函数 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
});

---

---

---

附： 你可以替换

$("#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');

随便