JQuery Ajax-запрос - цель href заканчивается вне тегов

Question

Я использую jQuery для вызова AJAX.Вызов обрабатывается и возвращает данные, как и ожидалось, но когда я использую $("#newsLetterForm").html(data); адрес ссылки выскакивает из <a> тегов.

Запрос Ajax

$.ajax({
    async: true,
    data: $dataToSend,
    datatype: 'html',
    beforeSend: function() {
        $('#newsletterForm').html('<img id="ajaxwait" src="/images/ajaxwait.gif" alt="waiting" />');
    },
    error: function(jqXHR, textStatus) {
        $('#newsletterForm').html("Error: " + textStatus);
    },
    success: function(data, textstatus, jqXHR) {
        $('#newsletterForm').html(data);
    },          
    timeout: 3000,
    type: 'POST',
    url: 'http://myurl.com',            
});

Данные возврата оповещения - уведомление Поддержка находится в тегах

 There was an error processing your request. Please send your request to 
<a href="foo.html" onclick="" onmouseover="" onmouseout="" />Support</a>

Вывод в браузер - уведомление о том, что поддержка за пределами теги

    There was an error processing your request. Please send your request to 
<a href="foo.html" onclick="" onmouseover="" onmouseout="" /></a>Support

Почему это происходит?

Answer 1

Ваш якорь закрывается дважды, или, лучше сказать, открывающий тег якоря самозакрывающийся. Ответ от сервера должен быть:

<a href="foo.html" onclick="" onmouseover="" onmouseout="">Support</a>

Обратите внимание, я использовал просто ">" вместо "/>" перед "Поддержка"

Answer 2

У вас есть запятая url: 'http://myurl.com',

Попробуйте удалить это.