AJax技术

AJAX(XMLHttpRequest)进行跨域请求方法详解(四)

字号+ 作者: 来源:IT168    2014-11-17 20:43 我要评论( )

4,IE8 中的实现方法 IE8已经开始支持跨域访问资源了,但是,IE8提供的功能还比较简单,可以进行简单的请求,下面是一个使用的例子: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt

4,IE8 中的实现方法


IE8已经开始支持跨域访问资源了,但是,IE8提供的功能还比较简单,可以进行简单的请求,下面是一个使用的例子:

<!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>
  <title>孟宪会之AJAX跨域请求测试</title>
</head>
<body>
  <input type='button' value='开始测试' nclick='crossDomainRequest()' />
  <div id="content"></div>

  <script. type="text/javascript">
    //<![CDATA[
    var xhr = new XDomainRequest();
    var url = 'http://dotnet.aspx.cc/SimpleCrossSiteRequests.aspx';
    function crossDomainRequest() {
      document.getElementById("content").innerHTML = "开始……";
      if (xhr) {
        xhr.open('GET', url);
        xhr.onload = handler;
        xhr.send();
      } else {
      document.getElementById("content").innerHTML = "不能创建 XDomainRequest";
      }
    }
    function handler(evtXHR) {
      document.getElementById("content").innerHTML = "结果:" + xhr.responseText;
    }
    //]]>
  </script>

</body>
</html>

另外,IE8的实现方法与其他浏览器不同。更多内容请参考 XDomainRequest 对象,地址是:
http://msdn.microsoft.com/zh-cn/library/cc288060(VS.85).aspx

最后,愿意测试的朋友可以访问这个 http://dotnet.aspx.cc/SimpleCrossSiteRequests.aspx 地址进行“简单请求”的测试,本页面允许任何地址进行跨域访问。
 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • JQuery实现Ajax加载图片的方法

    JQuery实现Ajax加载图片的方法

    2016-02-24 17:01

  • 判断用户是不是为ajax请求

    判断用户是不是为ajax请求

    2016-02-24 17:00

  • 防止重复发送 Ajax 请求的解决方案

    防止重复发送 Ajax 请求的解决方案

    2016-01-18 08:20

  • jquery ajax同步请求

    jquery ajax同步请求

    2016-01-18 08:23

网友点评