Как в $.ajax разделить данные и добавить в разные области на странице?

Question

[Дмитрий Вяткин]

Добрый вечер! Добавляю данные на страницу таким образом:

$.ajax({
url: "/test/query_ajax.php",
data: $("#selections").serialize(),
type: "POST",
}).done(function(data) {
$("#buy_table tbody").html(data)

В data так же приходят данные которые необходимо поместить в другую область на странице. Как разделить эти данные? Заранее спасибо!

Answer 1

[Дмитрий Вяткин]

Получилось частично решить проблему таким способом:

$("#buy_table").ready(function(){
	    $.ajax({
        url: "/test/query_ajax.php",
        data: $("#selections").serialize(),
        type: "POST",
    }).done(function(data) {
        $("tbody").html(data).find("#pagination").remove();
        $("#test").html(data).find("tr").remove();
    });
});

Но появилась другая проблема, элемент с id=pagination, не добавляется на страницу. Данные приходят таким способом:

while ($row = $result->fetch_assoc()) {
echo "<tr>" . "<td>" . ++$n . "</td>" . "<td>" . replace_number($row[']) . 
"</td>" . "<td>" .replace_text($row[1]) . "</td>" . "<td>" . 
replace_text($row[2]) . "</td>" . "<td>$row[3]</td>
<td>$row[4]</td>
<td>$row[5]</td>
<td></td>
<td><a href=''>buy</a></td>
</tr>";
}
echo $paginate;

В переменной paginate находится элемент ul с id=pagination, он точно приходит в data и добавляется если в php скрипте закомментировать цикл while. Подскажите как решить проблему!?

Answer 2

[Rsa97]

Например возвращать не в html, а в json

echo json_encode(array(
    'buy_table' => $buy_table, 
    'something_else' => $something_else
));

$.ajax({
    url: "/test/query_ajax.php",
    data: $("#selections").serialize(),
    type: "POST",
    dataType: "json"
}).done(function(data) {
    $("#buy_table tbody").html(data.buy_table);
    $("#something_else").html(data.something_else);
});

Comments

[Дмитрий Вяткин]

А как разделить данные если они выходят через цикл:
while ($row = $result->fetch_assoc()) {
echo "" . ++$n . "" . replace_number($row[']) .
"" .replace_text($row[1]) . "" .
replace_text($row[2]) . "$row[3]
$row[4]
$row[5]

buy
";
}
echo $paginate;

Answer 3

[bkosun]

$result = array(
    'header' => $header,
    'menu' => $menu,
    'content' => $content
    );

die(json_encode($result));

<script type="text/javascript">
<!--
	$.ajax({
        url: "/test/query_ajax.php",
        data: $("#selections").serialize(),
        type: "POST",
        dataType: 'json',
    }).done(function(data) {
        $("#header").html(data.header)
        $("#menu").html(data.menu)
        $("#content").html(data.content)
    }
-->
</script>

Answer 4

[Евгений Лебедев]

Если данные приходят только в html, то можно так:

var menu = $(data).find('.menu');
var content = $(data).find('.content');

ну дальше распихиват по DOM.

Comments

[Дмитрий Вяткин]

Попробовал данным методом 'var pag = $(data).find('#one')', в DOM запихать не удалось, alert пишет, что данный тип объект.

[Евгений Лебедев]

Дмитрий Вяткин: $(data).find('#one').html();

[Дмитрий Вяткин]

Евгений Лебедев: Оказалось, что не находит элемент с id one:
var pag = $(data).find('#one').html()
alert выдает пустой результат.

[Евгений Лебедев]

Дмитрий Вяткин: Если в html есть элемент с таким od, должно находить по идее.