AJAX Обновление нескольких div

195

19 декабря 2016, 19:31

Есть код

<div id="ddd">id ddd не изменился</div>
<div id="fff">id fff не изменился</div>
            <script>
                function AjaxGetData (url, statbox, type, data){
                    ajax({
                        url:url,
                        statbox:statbox,
                        method:"POST",
                        data:
                        {
                            type: type,
                            data: data,
                        },
                        success:function(data){
                            document.getElementById(statbox).innerHTML=data;
                        }
                    });
                };
                $(document).ready(function() {
                    AjaxGetData ("AjaxGetData.php", "ddd", "ddd", 1);
                    AjaxGetData ("AjaxGetData.php", "fff", "fff", 1);
                });     
            </script>

Ну и php (AjaxGetData.php)

if($_POST){
    var_dump($_POST);
}

В <div id="fff"> всё нормально отображается, а в <div id="ddd"> нет.

Подскажите, где что я упустил.

Answer 1

Попробуйте синхронные запросы с проверкой статуса ответа

<script>
                function AjaxGetData (url, statbox, type, data){
                    var res = $.ajax({
                        url:url,
                        statbox:statbox,
                        method:"POST",
                        async: false,
                        data:
                        {
                            type: type,
                            data: data,
                        },
                        success:function(data){
                            document.getElementById(statbox).innerHTML=data;                            
                        }
                    }).status;
                    return res;
                };
                $(document).ready(function() {
                    var status = AjaxGetData ("res.php", "ddd", "ddd", 1);
                    if (status == 200) AjaxGetData ("res.php", "fff", "fff", 1);
                });     
            </script>

Answer 2

$.ajax({
    type: "post",
    url: "/ajax.php",
    dataType: 'json',
    success: function(data){
        if(data.succes == 0){
           document.getElementById('stat1').innerHTML=data.stat1;
           document.getElementById('stat2').innerHTML=data.stat2;
        }
    }
});

ajax.php

$json_output = array('succes'=>1, 'stat1'=>'53', 'stat3'=>'10');
echo json_encode($json_output);

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Как реализовать mockup на сайте?

Задача в интернет магазине постеров сделать функционал, который будет генерировать фото по принципу mockup, подставляя одно загруженное изображение...

173

PHP