【问题标题】:IE gives "ERROR" and "Permission denied" for AJAX requestIE 为 AJAX 请求提供“错误”和“权限被拒绝”
【发布时间】:2012-02-27 21:59:45
【问题描述】:

我有这个进行 AJAX 调用 (JSONP) 的脚本

  $("#searchbox").autocomplete({ 


      source: function(request, response) {

        $.ajax({

          url: 'http://query.yahooapis.com/v1/public/yql',

          dataType: 'JSONP',

          data: {

            format: 'json',

            q: 'select * from xml where url="http://google.com/complete/search?hl=nl&output=toolbar&q=' + encodeURIComponent(request.term) + '"'

          },

          success: function(data) {

          if (typeof data == 'string') data = $.parseJSON(data);

              response($.map(data.query.results.toplevel.CompleteSuggestion, function(item) {

              return { label: item.suggestion.data, value: item.suggestion.data };

            }));

          }

        });

     },

       select: function(e, ui){


    },

   open: function(){
             doSearch($('.ui-autocomplete li:first-child a').text(), true, false);
             $(".ui-autocomplete :first-child a").addClass("ui-state-hover");
                $("#searchbox").focus();
             return false;


   },

    select: function(e, ui){
        $("#searchbox").autocomplete('search', ui.item.value);


    },

    close : function (event, ui) {
         val = $("#searchbox").val();
         $("#searchbox").autocomplete( "search", val ); 
    }



    });

我已经用 Google 搜索过了,结果发现这是一个安全问题。因为 reqeust(output) 来自另一个域(即 Bing)。我尝试了很多事情,但没有运气。 这是我的文档类型等等:

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link href="desktop.css" media="screen" rel="stylesheet" type="text/css" />
<link href='http://fonts.googleapis.com/css?family=Asap' rel='stylesheet' type='text/css'>
<link class="jsbin" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"></script>
 <script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script>
<meta charset=utf-8 />
 <script src="livesearch.js" type="text/javascript"></script>
 <link href='http://fonts.googleapis.com/css?family=Loved+by+the+King' rel='stylesheet' type='text/css'>

    </head>

从她开始,除了纯 HTML 之外别无他物。

【问题讨论】:

    标签: jquery ajax autocomplete jsonp


    【解决方案1】:

    除非此服务确实支持jsonp,否则您应该这样做:

    1. 对服务器上的 php 文件进行 ajax 调用。
    2. 在您的 php 文件中,您使用 cURL 和您在第一篇文章中发布的原始 jsonp-statement
    3. 格式化查询结果并将其输出,以便 javascript 可以访问它
    4. 完成!

    【讨论】:

    • 这似乎是绕道而行。我希望有一些更直接(和简单..)的东西。它在所有其他浏览器中都能正常工作
    • 除非您尝试访问的站点支持jsonp 并且这甚至是可能的(看起来不是),否则cURL 是唯一的方法。
    • IE 更复杂,更难编程,因此这种方法是不可能的。
    【解决方案2】:

    由于网络浏览器使用same origin policy,XMLHttpRequests 不允许进行跨域请求。请改用JSONP。

    【讨论】:

    • 我认为这是一个典型的“IE 必须死”的问题:)
    猜你喜欢
    • 2011-06-13
    • 2011-04-22
    • 1970-01-01
    • 1970-01-01
    • 2013-01-05
    • 1970-01-01
    • 2018-07-19
    • 1970-01-01
    • 2019-09-20
    相关资源
    最近更新 更多