Блог

Может кто-нибудь сказать мне, почему возвращаемое значение из вызова $.Ajax не отображается в исходном коде страницы Я новичок в jQuery. Я просто возвращаю строку из функции $.ajax и отображаю это строковое значение в виде HTML для тега или

тег.

Вот мой код jquery…………………………………………..

 $(document).ready(function() {
$.ajax({
    type: "POST",
    url: "AdvService.asmx/GetValuesTesting",
    data: "{}",
    context: document.body,
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: OnSuccess,
    error: OnError
});
   function OnSuccess(data, status) {

   alert(data.d);
    $('#dataInTag').html(data.d);
}
function OnError(request, status, error) {
    alert(request.status);
}
    });
  

*раздел html

 <pre>
    <div>
        <p id="dataInTag"></p>
    </div>
    </pre>
  

* Веб-метод **

 [WebMethod]
    public string GetValuesTesting()
    {

        string Details = "<b class="testClass">returned data from a WebMethod</b>";
        return Details;
    }
  

Как я могу присвоить событие щелчка jquery этому возвращаемому значению (это тег b с class=»TestClass»).

оповещение отображается нормально, но возвращаемое значение отображается на странице, но не отображается в исходном коде страницы. Пожалуйста, помогите … и заранее спасибо…

Не следует ожидать, что результаты вызова AJAX будут отображаться в исходном коде страницы. AJAX является динамическим и выполняется только в памяти.

Возможно, вы сможете увидеть, используете ли вы отладчик. Например, если вы используете Chrome и просматриваете страницу инструментов разработчика, она покажет исходный код страницы с изменениями, внесенными вызовами AJAX.

При использовании .html() метода вы не увидите измененный HTML, если будете просматривать исходный код страницы. DOM изменен правильно, но когда вы смотрите на исходный код, вы видите начальную версию. К счастью, пользователи видят то, что отображает браузер, а не исходный код. Если вы проверите DOM с помощью FireBug, вы увидите изменения.