$.get 返回“[object Document]”在带有 PhoneGap 的 iPhone 模拟器中

Question

我正在尝试对我的 (XCode) iPhone 模拟器（使用 PhoneGap）中的本地文件执行简单的 $.get() 请求，但结果始终返回为“[object Document” ]”（通过警报），而不是文件的实际内容。

但是，当我在 Google Chrome 中测试它时，完全没有问题。奇怪的是，我可以 $.load() 本地页面没有问题（在 iPhone 模拟器中），但是当我尝试 $.get() 它，它不会工作。

这是我的 index.html 代码：

<script type="text/javascript" src="js/phonegap.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>

<div class="load"></div>

<script>

    $.get('content/view/images.html', function(data) {

        alert(data); // returns "[object Document]"

    });

    $('.load').load('content/view/images.html'); // returns actual file content

</script>

这是我的 content/view/images.html 代码：

<img src="http://static.example.com/images/{$file_key}.{$file_type}" style="max-width: 100%; max-height: 200px;" />

但是，当我更改 content/view/images 的内容时.html 到类似 LOL 的内容，它会正确地 $.get() 它。

对于世界上正在发生的事情有什么想法吗？

Answer 1

除非你另外告诉 jQuery，否则它会根据随数据发回的 MIME 类型来猜测如何处理返回的数据。如果您要返回一个文档，则返回的 MIME 类型必须是 XML（因此您的 HTML 页面可能是 XHTML，或者至少服务器是这么说的）。 （请参阅有关 dataType 选项的 $.ajax 文档; jQuery 创建文档的唯一时间是在处理 XML 时。）

您可以通过给它一个 dataType 来告诉 jQuery 您始终希望将其作为文本，它是 $.get:

$.get('content/view/images.html', function(data) {

    alert(data);

}, "text");
// ^--- new bit

...或者您可以使用 $.ajax：

$.ajax({
    url: 'content/view/images.html',
    dataType: "text",        // <=== new bit
    success: function(data) {

        alert(data);

    }
});

Answer 2

试试这个：

$.ajax({
  url: 'content/view/images.html',
  success: function(data) { alert(data); },
  dataType: "text"
});