`
zhouyrt
  • 浏览: 1163754 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

script跨域访问与XMLHttpRequest

阅读更多

script不受Web浏览器跨域安全限制的束缚,即能实现跨域访问。这是它的最大优点。

 

另外一点需要注意的是不同浏览器对script的触发事件不同,即回调函数要写在这些函数之中,且只支持异步调用

 

IE下:加载完成后触发"onreadystatechange"事件

firefox下:加载完成后触发"onload"事件

 

以下是同xmlHttpRequest的比较

 

 

                                                                   Dynamic  script tag

 

 XmlHttpRequest

跨浏览器兼容性

No

Yes

强制的跨域浏览器安全

Yes

No

是否能接收HTTP状态码

Yes

No (fails on any HTTP status other than 200)

是否支持HTTP GET和POST

Yes

No (GET only)

能否发送/接收HTTP头

Yes

No

能否接收XML

Yes

Yes (but only embedded in a JavaScript statement)

能否接收JSON

Yes

Yes (but only embedded in a JavaScript statement)

是否提供同步和异步调用

Yes

No (asynchronous only)

 

 

 

分享到:
评论
1 楼 lixinlixin2008 2009-05-16  
呵呵,不错,总结的非常细致...

相关推荐

    JS跨域访问解决方案总结[参照].pdf

    JS 跨域访问解决方案总结 JS 跨域访问解决方案总结是指在不同域名站点之间进行资源访问的解决方案。默认情况下,脚本访问文档属性等数据采用的是同源策略(Same origin policy),即如果两个页面的协议、域名和端口...

    高度自适应 跨域访问实例下载

    1. **跨域访问**:在Web浏览器的安全策略下,不同源的HTTP请求(如JavaScript的XMLHttpRequest或AJAX)受到同源策略的限制,即只能请求与当前页面同协议、同域名、同端口的资源。跨域访问就是打破这个限制,允许不...

    解决openlayers跨域访问的解决方案

    然而,由于浏览器的同源策略限制,当你尝试从不同的域加载地图或者地理数据时,可能会遇到跨域访问的问题。下面将详细介绍如何解决OpenLayers中的跨域问题。 ### 一、理解同源策略 同源策略是Web浏览器的一项安全...

    Openfire strophejs 跨域访问

    在Web开发中,由于浏览器的同源策略限制,JavaScript通常无法直接跨域访问不同域名的资源,这正是“跨域访问”问题的由来。 解决Openfire和Strophe.js的跨域问题,主要是为了克服浏览器的同源策略。同源策略是...

    使用JSONP完成HTTP和HTTPS之间的跨域访问

    ### 使用JSONP完成HTTP和HTTPS之间的跨域访问 在现代Web开发中,跨域问题是一项常见挑战,尤其是在涉及不同协议(如HTTP与HTTPS)的数据交互时。本文将深入探讨如何利用JSONP(JSON with Padding)技术来实现HTTP与...

    golang实现跨域访问的方法

    在Golang中实现跨域访问,主要是为了克服Web应用程序中由同源策略导致的限制,使得前端能够通过Ajax从不同源获取数据。本篇将详细解释如何在Golang后端设置CORS(跨域资源共享)策略,以便允许前端进行跨域请求。 ...

    ajax跨域访问

    **Ajax跨域访问详解** 在Web开发中,Ajax(Asynchronous JavaScript and XML)技术被广泛应用于页面的异步数据更新,提升用户体验。然而,由于浏览器的同源策略限制,Ajax请求通常只能向与当前页面同一域名下的...

    JS跨域访问解决方案总结

    #### 一、跨域访问概念与同源策略 跨域访问,即一个网站上的资源尝试获取另一个不同域名网站上的资源。这种行为在现代Web开发中非常常见,例如通过`<style>`标签加载外部样式表、`<img>`标签加载图片、`<script>`...

    在Firefox中通过AJAX跨域访问Web资源

    标题中的“在Firefox中通过AJAX跨域访问Web资源”是指使用Asynchronous JavaScript and XML (AJAX)技术在Mozilla Firefox浏览器中实现跨域数据请求。跨域是由于浏览器的同源策略(Same-origin policy)限制,它阻止...

    appcan跨域访问网络的例子

    跨域访问是Web开发中的一个常见问题,涉及到浏览器的同源策略限制。当你的应用程序尝试从一个源获取数据到另一个源时,如果没有正确配置,就会遇到跨域问题。在AppCan中,我们可以通过特定的技术手段来解决这个问题...

    jquery下利用jsonp跨域访问实现方法.docx

    - CORS(Cross-Origin Resource Sharing)是现代浏览器支持的一种更安全、更灵活的跨域访问方式,允许服务器通过设置特定头部来允许来自不同源的请求。 - 使用IFrame和Window.postMessage进行跨域通信。 - 代理...

    XMLHttpRequest中文参考手册

    XMLHttpRequest Level 2引入了CORS(Cross-Origin Resource Sharing)机制,通过设置特定的响应头允许跨域访问。 10. **上传进度** XHR2(XMLHttpRequest Level 2)支持监控文件上传进度,通过`upload`属性和`...

    ajax跨域请求WebService.asmx

    在服务端,你需要确保Web服务配置允许跨域访问,这通常需要在Web.config文件中配置或者在Web服务类中添加特定的HTTP响应头。 5. **调用方法**:在客户端,使用jQuery或者其他JavaScript库(如axios或fetch)的Ajax...

    动态创建script标签实现跨域资源访问的方法介绍

    由于浏览器的同源策略限制,JavaScript通常只能访问与当前页面同源的资源,但通过动态创建`<script>`标签,我们可以绕过这一限制,向不同源的服务器请求数据。 在给定的示例中,`login.html`文件中的JavaScript代码...

    AJax与Jsonp跨域访问问题小结

    AJAX与JSONP跨域访问问题小结 AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个页面的情况下,能够更新部分网页的技术。它通过使用XMLHttpRequest对象来与服务器进行异步通信。XMLHttpRequest对象...

    跨域demo.rar

    - **JSONP(JSON with Padding)**:通过动态插入`<script>`标签,利用script标签不受同源策略限制的特点,由服务器返回JavaScript函数调用,实现跨域数据获取。 - **CORS**:服务器端设置响应头`Access-Control-...

    ajax之核心XMLHttpRequest中文参考手册

    CORS(Cross-Origin Resource Sharing)允许跨域访问资源。通过设置服务器端的`Access-Control-Allow-Origin`响应头,配合xhr的`withCredentials`属性,可以实现跨域请求并携带cookie。 8. **新的XMLHttpRequest ...

    动态script标签技术结合JSON数据交换格式解决Ajax的跨域问题

    本文探讨了如何利用动态script标签技术和JSON数据交换格式来解决Ajax应用程序中跨域访问第三方Web服务的问题。跨域访问是Web开发中常见的难题之一,尤其是在Ajax应用中,因为浏览器出于安全考虑对JavaScript脚本实施...

Global site tag (gtag.js) - Google Analytics