2

我正在尝试在 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 更新但它会复制数据。

4

1 回答 1

5

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
});

PS你可以换

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

任何

于 2012-08-14T22:23:14.650 回答