Почему html от вызова ajax отличается при проверке данных и данных как объекта Jquery

Question

Я пытаюсь обновить некоторую часть страницы с помощью асинхронного вызова с JQuery. Часть кода вы можете увидеть здесь.

success: function (data, status, xhr) {
              var $result = $(data);.....etc

Теперь, когда я проверяю 'data' и '$ result', HMTL-строки не совпадают. Например:

Фрагмент из данных:

<div class='divLoading'>
        <img src='/Content/Icons/load.png' />
    </div>
    <div class='divGridContent'>
        <div id="divGridMenu" class="divGridMenu">
            <div id="divGridMenuContent" class="divGridMenuContent">

Это «хороший» HTML, но когда я проверяю $ result:

Фрагмент из $ result:

<DIV class=divLoading><IMG src="/Content/Icons/load.png"> </DIV>
<DIV class=divGridContent>
<DIV id=divGridMenu class=divGridMenu>
<DIV id=divGridMenuContent class=divGridMenuContent>

Как это может быть?

Answer 1

Я думаю, что это из-за этого утверждения:

var $result = $(data);

Это превратит $ result в объект jquery, а не в HTML-строку. Это, вероятно, вернет нормальную строку html:

var #result = $(data).html();

Но в этом случае вы могли бы также это:

var $result = data;