У меня возникли проблемы с вызовом AJAX в приложении телефонной связи.
У меня есть HTML-файл с формой:
<form class="well" name="frmMessage">
<h4 id="txtToName"></h4>
<label>Subject</label>
<input type="text" class="span3" name="txtMsgSubject" />
<label>Body</label>
<textarea class="span3" name="txtMsgBody"></textarea>
<button onClick="message_send(); return false;" type="submit" name="btnSend" class="btn btn-large">Send</button>
</form>
Я загружаю эту форму с помощью вызова AJAX, при успехе я внедряю ее в документ
$.ajax({
method: 'GET',
url: 'templates/message_form.html',
success: function(data){
// display form
display_message('Compose message below');
display_setContent(data);
},
error: function(x,t,e){
display_message('Could not load message form');
}
});
Этот код отображает это на экране:
[object Document]
... вместо того HTML-документа, который я ожидал. Я использовал тот же метод для страницы настроек, который отлично работает:
$. Ajax ({
метод: «ПОЛУЧИТЬ»,
URL: 'templates / settings_form.html',
success: function (data) {
display_setContent (данные);
display_message («Обновить ваши настройки»);
},
ошибка: функция (х, т, е) {
display_message («Извините, ваши настройки не могут быть загружены»);
}
});
Что не так?
Если я достану тег form, он загрузится нормально, но я бы хотел сохранить его, поскольку я использую загрузчик, который в этом нуждается. Также на странице настроек есть:
<h4 id="txtToName"></h4>
<label>Subject</label>
<input type="text" class="span3" name="txtMsgSubject" />
<label>Body</label>
<textarea class="span3" name="txtMsgBody"></textarea>
<button onClick="messages_send(); return false;" type="submit" name="btnSend" class="btn btn-large">Send</button>