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

解決策はありますか？:)

写真1： http: //postimage.org/image/uxghnpgfb/

写真2： http: //postimage.org/image/wj0v02md7/

あなたは理解していませんでした、私が使用している関数fffsuccess（）の代わりに、ajaxリクエストが成功したときにdivブロックを更新/更新する必要があります：'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 に答える