IE无法加载JSON并尝试下载根文件!(我正在遵循一个适用于所有其他浏览器的教程)

IE won't load JSON and tries to download root file! (I'm following a tutorial which works on all other browsers)

本文关键字:一个 适用于 浏览器 的教程 其他 JSON 加载 IE 文件 下载      更新时间:2023-09-26

我遵循使用$的教程。ajax、json和twitter API。

这个例子适用于除了IE以外的所有浏览器。当我尝试在IE浏览器中加载twitter URL (http://search.twitter.com/search.json?q=bowery)时,IE会尝试下载文件。

我试图通过添加contentType: 'text/plain',下的dataType: 'jsonp',以及contentType: 'text/html'contentType: 'text/javascript'来解决这个问题,但这些变化都没有工作。有人解决了这个jsonp + IE + $。以前的Ajax问题?

github上的教程代码:https://github.com/troyth/webassite.com/blob/master/tutorials/tutorial4/index.html。

Javascript:

<script src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
<script type="text/javascript">
  $(document).ready(function() {
    console.log('doc ready!');
      var search_term = {
        q: 'harrypotter'
      };
      search(search_term);
    });
  function search(search_term) {
    $.ajax({
      url: 'http://search.twitter.com/search.json?' + $.param(search_term),
      dataType: 'jsonp',
      success: function(data) {
        for (item in data['results']) {
          $('#tweets').append(
            '<li>' + data['results'][item]['text'] + '</li>');
        }
      }
    });
  }

HTML:

    <ol id="tweets"></ol>

似乎有一个问题与循环和访问对象,这对我来说是有效的:

$(document).ready(function () {
    var search_term = {
        q: 'harrypotter'
    };
    search(search_term);
});
function search(search_term) {
    $.ajax({
        url: 'http://search.twitter.com/search.json',
        data: search_term,
        dataType: 'jsonp'
    }).done(function (data) {
        $.each(data['results'], function (k, v) {
            $('#tweets').append('<li>' + v.text + '</li>');
        });
    });
}

小提琴

相关文章: