Question

我正在尝试在jQuery ajax成功请求之后进行更新div块，这是可行的但是所有块dublicates（picture1），在图2中显示了它如何用浏览器刷新页面。

更新块我正在使用功能：

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/

你不明白，我需要在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
});

P.S。你可以替换

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

为：

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

或

html to：

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

jQuery：

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

任何

jQuery ajax - 更新div

1 个答案: