0

dataajaxリクエストからを取得して内部に表示することができません<div class="l_p_i_c_w"></div>。私は何が間違っているのですか？my_file.phpページを更新すると、データが必要な場所に表示されるため、内部の関数が機能することはわかっています。

jQuery：

$.ajax({
        type: "POST",
        url: "my_file.php",
        dataType: 'html',
        success: function(data){
            $('div#myID div.l_p_c div.l_p_i_c_w').prepend(data);
        }
});

HTML：

<div class="l_p_w" id="myID">
    <div class="l_p_c">
        <div class="l_p_i_c_w">
       <!-- stuff, or may be empty. This is where I want my ajax data placed. -->
        </div>
    </div>
</div>

CSS：

.l_p_w {
    width:740px;
    min-height:250px;
    margin:0 auto;
    position:relative;
    margin-bottom:10px;
}

.l_p_c {
    position:absolute;
    bottom:10px;
    right:10px;
    width:370px;
    top:60px;
}

.l_p_i_c_w {
    position:absolute;
    left:5px;
    top:5px;
    bottom:5px;
    right:5px;
    overflow-x:hidden;
    overflow-y:auto;
}
4

4 に答える 4

1

prependを使用する場合、prependは子（オブジェクト）を追加するため、追加する前にデータオブジェクトを$（data）などのjqueryタグでラップする必要があると思います。

$.ajax({
            type: "POST",
            url: "my_file.php",
            dataType: 'html',
            success: function(data){
                $('div#myID div.l_p_c div.l_p_i_c_w').prepend($(data));
            }
    });

ただし、データを使用してdivのhtmlを設定するだけの場合は、次のようにします。

$.ajax({
        type: "POST",
        url: "my_file.php",
        dataType: 'html',
        success: function(data){
            $('div#myID div.l_p_c div.l_p_i_c_w').html(data);
        }
});

3番目のオプション、prependToを試してください

http://api.jquery.com/prependTo/

$.ajax({
    type: "POST",
    url: "my_file.php",
    dataType: 'html',
    success: function(data){
        $(data).prependTo($('div#myID div.l_p_c div.l_p_i_c_w'));
    }
});

最後の試み：

$.ajax({
            type: "POST",
            url: "my_file.php",
            dataType: 'html',
            success: function(data){
                $('div#myID div.l_p_c div.l_p_i_c_w').html(data + $('div#myID div.l_p_c div.l_p_i_c_w').html());
            }
    });
于 2012-11-22T04:43:03.693 に答える
1 
 $('div#myID div.l_p_c div.l_p_i_c_w').prepend(data);

する必要があります

 $('#myID .l_p_c .l_p_i_c_w').html(data);
于 2012-11-22T04:59:49.927 に答える
0

これを試して：

$.ajax({
        type: "POST",
        url: "my_file.php",
        dataType: 'html',
        complete: function(jqXHR, settings){
            if (jqXHR.status == 200)
               $('div#myID div.l_p_c div.l_p_i_c_w').prepend(jqXHR.responseText);
        }
});

また

$.ajax({
        type: "POST",
        url: "my_file.php",
        dataType: 'html'
}).done(function(data) {
     $('div#myID div.l_p_c div.l_p_i_c_w').prepend(data);
});
于 2012-11-22T04:28:12.073 に答える
0

どうprependTo()ですか？

$.ajax({
            type: "POST",
            url: "my_file.php",
            dataType: 'html',
            success: function(data){
                $(data).prependTo('#myID .l_p_c .l_p_i_c_w');
            }
    });

@rajeshがあなたの質問に対するコメントで述べたように、成功したデータにアラートを送信して、期待どおりに戻ってくることを確認してください。

$.ajax({
            type: "POST",
            url: "my_file.php",
            dataType: 'html',
            success: function(data){
                alert(data);
            }
    });
于 2012-11-22T04:52:35.160 に答える