`

JavaScript 跨域请求库 XDomain

 
阅读更多
http://www.oschina.net/p/xdomain
XDomain 是 JavaScript CORS 跨域请求的一个替代产品,无需任何服务器端的配置。只需要在同域下放置一个 proxy.html 文件即可。该库利用 XHook 来获取所有 XHR,可以无缝的和其他库协同工作。

Features
Simple
Library Agnostic
With jQuery  $.ajax (and subsequently $.get, $.post)
With Angular $http service
Cross domain XHR just magically works
No need to modify the server code
No need to use IE's silly XDomainRequest Object
Easy XHR access to file servers:
Amazon
Dropbox
Includes XHook and its features
proxy.html files (slaves) may:
White-list domains
White-list paths using regular expressions (e.g. only allow API calls: /^\/api/)
Highly performant
Seamless integration with FormData



示例代码:
//do some vanilla XHR
var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://xyz.example.com/secret/file.txt');
xhr.onreadystatechange = function(e) {
  if(xhr.readyState === 4)
    alert(xhr.responseText);
};
xhr.send();
 
//or if we are using jQuery...
$.get('http://xyz.example.com/secret/file.txt').done(function(data) {
  console.log("got result: ", data);
});
分享到:
评论

相关推荐

    JavaScript跨域请求库XDomain.zip

    XDomain 是 JavaScript CORS 跨域请求的一个替代产品,无需任何服务器端的配置。只需要在同域下放置一个 proxy.html 文件即可。该库利用 XHook 来获取所有 XHR,可以无缝的和其他库协同工作。 Features Simple ...

    javascript跨域请求包装函数与用法示例.docx

    ### JavaScript 跨域请求包装函数与用法详解 在现代Web开发中,跨域问题是一个常见的挑战。由于浏览器出于安全考虑实施了同源策略(Same-Origin Policy),这限制了一个域下的文档或脚本如何与另一个域下的资源进行...

    ajax跨域请求WebService.asmx

    【Ajax跨域请求WebService.asmx】是一个常见的Web开发技术应用场景,主要涉及到JavaScript的Ajax技术、C#编程语言以及ASP.NET的WebService组件。Ajax(Asynchronous JavaScript and XML)是一种在不刷新整个页面的...

    jsonpajax跨域请求

    JSONP(JSON with Padding)和AJAX是两种常见的在JavaScript中实现跨域数据请求的技术。在Web开发中,由于浏览器的同源策略限制,JavaScript不能直接向其他域名发送请求,但JSONP和AJAX通过特定的方式绕过了这个限制...

    Jquery跨域Ajax请求测试

    jQuery,作为一个强大的JavaScript库,提供了便捷的方式来处理这种问题,特别是通过其Ajax功能进行跨域请求。本示例"Jquery跨域Ajax请求测试"将详细讲解如何利用jQuery实现这一功能。 首先,了解同源策略是理解跨域...

    html通过 ajax jsonp跨域请求接收和传送数据

    在Web开发中,跨域(Cross-Origin)是一个常见的问题,由于浏览器的安全策略限制,JavaScript通常不能直接访问不同源(协议+域名+端口)的资源。然而,为了实现某些功能,比如用户登录、数据获取等,我们需要打破这...

    ajax跨域请求demo.zip

    前端通常使用JavaScript库如jQuery来实现Ajax请求。jQuery的`$.ajax()`方法是进行异步请求的主要工具。在这个示例中,它可能包含以下关键配置: 1. `type`: 指定请求类型,通常是'GET'或'POST'。 2. `url`: 需要...

    解决ajax跨域请求问题

    然而,跨域请求是Ajax的一个常见问题,由于浏览器的同源策略限制,Ajax请求只能向与当前页面同源的服务器发送。本文将深入探讨如何解决Ajax跨域请求的问题。 首先,理解“同源策略”是解决问题的关键。同源策略是...

    ASP.NET WebApi跨域请求配置dll文件

    6. 响应预检查:CORS包含一种预检请求(OPTIONS请求),浏览器会在实际请求前发送此请求,验证服务器是否允许跨域请求。确保WebApi能够正确处理OPTIONS请求。 7. 错误处理:当跨域请求失败时,需要确保返回适当的...

    abp跨域请求配置包

    微软模块框架abp的跨域请求配置Nuget包,配置跨域api请求规则。

    服务支持跨域请求的配置

    ### 服务支持跨域请求的配置 在现代Web开发中,跨域资源共享(Cross-Origin Resource Sharing,简称CORS)是一项非常重要的技术。它允许浏览器安全地执行跨源HTTP请求,从而使得不同源之间的数据交互成为可能。下面...

    javascript跨域请求包装函数与用法示例

    JavaScript跨域请求是Web开发中常见的一类问题,由于浏览器的同源策略限制,JavaScript不能直接访问不同源的资源。为了解决这个问题,开发者通常会使用JSONP(JSON with Padding)或CORS(Cross-Origin Resource ...

    ajax处理跨域请求

    然而,随着互联网应用的发展,数据交互的需求日益增多,跨域请求成为一种常见的需求。AJAX(Asynchronous JavaScript and XML)技术允许我们在后台与服务器进行异步数据交换,而无需刷新整个页面。当使用AJAX进行...

    jQuery跨域请求,获取返回值

    然而,jQuery提供了一种跨域请求的方法,允许我们绕过这一限制,获取远程服务器的数据。这篇博客将探讨如何使用jQuery实现跨域请求以及如何获取返回值。 首先,我们需要理解什么是跨域请求。跨域请求是指一个域下的...

    ajax跨域请求

    前端代码中使用了jQuery库来简化AJAX请求的编写。这里通过`$.ajax()`方法发起了一个GET类型的跨域请求。需要注意的是,为了支持跨域,必须设置`dataType`为`jsonp`,并且指定`jsonp`参数来告诉jQuery期望的回调函数...

    cross-request 3.1 YApi 跨域请求 谷歌浏览器

    cross-request 3.1 YApi 跨域请求 谷歌浏览器

    通过nginx实现跨域请求

    标题 "通过nginx实现跨域请求" 涉及的核心知识点是网络编程中的跨域问题以及如何利用Nginx服务器作为代理来解决这个问题。Nginx是一个高性能的HTTP和反向代理服务器,它常用于配置和管理网站的访问规则,包括处理...

    跨域请求百度天气预报

    跨域请求百度天气预报跨域请求百度天气预报跨域请求百度天气预报跨域请求百度天气预报跨域请求百度天气预报跨域请求百度天气预报跨域请求百度天气预报跨域请求百度天气预报

    django如何允许跨域请求.docx

    要允许跨域请求,我们需要安装 django-cors-headers 库。使用 pip 安装命令可以轻松安装该库: ``` pip install django-cors-headers ``` 二、配置 settings.py 文件 在安装了 django-cors-headers 库后,我们需要...

Global site tag (gtag.js) - Google Analytics