在Phonegap中加载[对象文档]的AJAX成功数据

AJAX success data loading [object Document] in Phonegap

本文关键字：AJAX 成功 数据 文档 对象 Phonegap 加载      更新时间：2023-09-26

我在phonegap应用程序中的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({方法："GET"，url:'templates/settings_form.html'，成功：函数（数据）{display_set内容（数据）；display_message（"更新您的设置"）；}，错误：函数（x，t，e）{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>

尝试使用JSON.stringify(data)。你可以在那里看到完整的响应，然后你可以解析它。

ajax调用集属性内部的

dataType: "html"
或
dataType: "text"
，然后尝试使用display_setContent进行设置。此外，在您的html页面中，您可以将内容类型专门提到"text/html"
希望这对您有效。

相关文章：