document.getElementById приводит к тому, что документ jquery готов к выполнению дважды

Question

document.getElementById приводит к тому, что документ jquery готов к выполнению дважды

0

Этот код должен переходить на load.php и получать некоторые данные в формате xml, анализировать его и загружать в div и отображать его. Он отлично работает, за исключением того, что данные из load.php отображаются дважды. Есть ли другой способ сделать это, что не приведет к тому, что данные будут показаны дважды? Я видел несколько сообщений, связанных с функцией готовности документа, вызывающей эту проблему, но не могу понять, как применять любые решения для этого случая. Я помещаю это в заголовки на моей странице. Я действительно хочу сохранить этот формат, потому что в итоге я отправлю некоторые данные на страницу load.php.

SCRIPT

$(document).ready(function () {
    $.ajax({
        type: 'POST',
        url: 'load.php',
        success: loadReturn
    });

    function loadReturn(data) {
        var xml = $.parseXML(data);
        $xml = $(xml);

        $errorcode = $xml.find('errorcode');
        $data = $xml.find('data');

        document.getElementById("defaultcode").innerHTML = $data.text();
        $("#defaultcode").fadeIn(300);
    }
});

</script>

HTML

<div id="defaultcode" style><h3>a title</h3><p>blah blah</p><h3>a title</h3><p>blah blah</p></div>

Заранее благодарю за ваше время.

user2575090 04 окт. 2013, в 05:47

Источник

0

Почему вы используете document.getElementById("defaultcode") в одной строке и $("#defaultcode") в следующей?
Spencer Ruport 04 окт. 2013, в 03:30
0

Я удивлен результатом, учитывая, что есть только один элемент «defaultCode», и innerHTML должен заменить все, что там уже есть - даже если loadReturn был вызван дважды (что не должно быть), data.text () должен только быть там один раз. Можете ли вы вставить HTML код по умолчанию, как это показывает инспектор вашего браузера после инициализации? (щелкните правой кнопкой мыши по тексту, нажмите «Проверить элемент»)
Katana314 04 окт. 2013, в 03:32
0

Я нуб. лучший способ сделать это?
user2575090 04 окт. 2013, в 03:32
0

Можете ли вы опубликовать еще немного своего кода? Этот код взят из ответа AJAX?
Vond Ritz 04 окт. 2013, в 03:34
0

конечно: <div id = "defaultcode" стиль> <h3> заголовок </ h3> <p> бла-бла </ p> <h3> заголовок </ h3> <p> бла-бла </ p> </ DIV>
user2575090 04 окт. 2013, в 03:34
1

success: loadReturn не должно быть success: loadReturn() или success:function(){ success: loadReturn(); } ?
Drixson Oseña 04 окт. 2013, в 03:38
1

Кроме того, вы используете jquery, но предпочитаете использовать innerHTML() , гораздо проще использовать $("#defaultcode").html('text').fadeIn('slow') в jquery ..
Drixson Oseña 04 окт. 2013, в 03:39
1

@ DrixsonOseña - Нет, loadReturn - правильный путь, если вы используете loadReturn() он немедленно вызовет функцию и выдаст ошибку.
tymeJV 04 окт. 2013, в 03:45
0

@tymeJV можешь поставить свой load.php ?
Drixson Oseña 04 окт. 2013, в 03:47
0

$ errorcode = 0; $ data = "<! [CDATA [<h3> a title </ h3> <p> бла-бла </ p>]]>"; SendData ($ ErrorCode, $ данных); Функция sendData ($ errorcode, $ data) {echo "<data> <errorcode>". $ errorcode. "</ errorcode> <data>". $ data. "</ data> </ data>"; }
user2575090 04 окт. 2013, в 03:54
0

Хм, я думаю, что-то еще может быть не так. Я использовал этот формат для других страниц без проблем. Но я думаю, что это на самом деле распечатывает его, когда он назначен, а затем снова, когда он отправляется в функцию.
user2575090 04 окт. 2013, в 03:55
0

ИСПРАВЛЕНО! Я думаю, что использовал неверное имя переменной. Не понял бы это без всякой помощи. Изменили имя переменной с data на imadork, и это сработало.
user2575090 04 окт. 2013, в 03:57

Показать ещё 10 комментариев

Теги:

javascript

jquery

post

1 ответ

Ещё вопросы

Почему вы используете document.getElementById("defaultcode") в одной строке и $("#defaultcode") в следующей?
Я удивлен результатом, учитывая, что есть только один элемент «defaultCode», и innerHTML должен заменить все, что там уже есть - даже если loadReturn был вызван дважды (что не должно быть), data.text () должен только быть там один раз. Можете ли вы вставить HTML код по умолчанию, как это показывает инспектор вашего браузера после инициализации? (щелкните правой кнопкой мыши по тексту, нажмите «Проверить элемент»)
Можете ли вы опубликовать еще немного своего кода? Этот код взят из ответа AJAX?
конечно: <div id = "defaultcode" стиль> <h3> заголовок </ h3> <p> бла-бла </ p> <h3> заголовок </ h3> <p> бла-бла </ p> </ DIV>
success: loadReturn не должно быть success: loadReturn() или success:function(){ success: loadReturn(); } ?
Кроме того, вы используете jquery, но предпочитаете использовать innerHTML() , гораздо проще использовать $("#defaultcode").html('text').fadeIn('slow') в jquery ..
@ DrixsonOseña - Нет, loadReturn - правильный путь, если вы используете loadReturn() он немедленно вызовет функцию и выдаст ошибку.
@tymeJV можешь поставить свой load.php ?
$ errorcode = 0; $ data = "<! [CDATA [<h3> a title </ h3> <p> бла-бла </ p>]]>"; SendData ($ ErrorCode, $ данных); Функция sendData ($ errorcode, $ data) {echo "<data> <errorcode>". $ errorcode. "</ errorcode> <data>". $ data. "</ data> </ data>"; }
Хм, я думаю, что-то еще может быть не так. Я использовал этот формат для других страниц без проблем. Но я думаю, что это на самом деле распечатывает его, когда он назначен, а затем снова, когда он отправляется в функцию.
ИСПРАВЛЕНО! Я думаю, что использовал неверное имя переменной. Не понял бы это без всякой помощи. Изменили имя переменной с data на imadork, и это сработало.

Chokchai · Answer 1 · 2013-10-04T02-48-00.000Z

Прежде всего, я пытаюсь исправить ваш код в правильном направлении. но я не думаю, что код неправильный. вы должны отправить два тега data из load.php. проверьте свои возвращенные data.

$(document).ready(function () {
    $.ajax({
        type: 'POST',
        url: 'load.php',
        success: loadReturn
    });

    function loadReturn(data) {

        // check your data
        console.log(data);

        // jQuery will parse for you automatically
        var $xml = $(data);

        var $errorcode = $xml.find('errorcode');
        var $data = $xml.find('data');

        // set html before fadeIn
        $("#defaultcode").html($data.text()).fadeIn(300);
    }
});

Спасибо, что показали мне этот $ ("# defaultcode"). Html ($ data.text ()). FadeIn (300); Я понятия не имел, что они могут быть объединены таким образом. :-)
Вы можете сделать это, потому что многие методы jQuery возвращают его самостоятельно. Это называется method chaining