javascript - Phonegap 中的 AJAX 成功数据加载 [object Document]

Question

我在 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 调用加载该表单，成功后我将其注入(inject)文档

$.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', 成功:函数(数据){ 显示设置内容(数据)； display_message('更新您的设置'); }, 错误:函数(x，t，e){ display_message('抱歉，您的设置无法加载'); } });

出了什么问题？

如果我取出 form 标签，它可以正常加载，但我想保留它，因为我正在使用需要它的 bootstrap。此外，设置页面有它:

<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>

Answer 1

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