`
jsj_064
  • 浏览: 9286 次
  • 性别: Icon_minigender_1
  • 来自: 宣城
最近访客 更多访客>>
社区版块
存档分类
最新评论

一个简单的JSONP的测试例子

阅读更多
转自http://pldream.com/b/?post=71
首先准备两个域,在本地配置两个域,用来测试,这里配置为http://p.cn 和 http://as.cn
在p.cn下准备客户端代码,在as.cn下准备服务端提供的接口
1 提供客户端发送请求的方法

function callJSONPServer (url) {//提供客户端发送请求的方法
	oscript = document.getElementById(url);
	if (oscript) {
		document.body.removeChild(oscript);
	} 
	var script = document.createElement('script');
	script.setAttribute('type', 'text/javascript');
	script.setAttribute('src', url);
	script.setAttribute('id', url);
	document.body.appendChild(script);
}

2 在服务端(跨域的情况下),提供的接口方法
function onJSONPServerResponse () {
	alert(new Date().getTime());
}
eval('(' + onJSONPServerResponse() + ')');

3 在客户端简单测试
分享到:
评论

相关推荐

    本地实现的最简单jsonp例子.zip

    JSONP(JSON with Padding)是一种跨域数据交互协议,它利用了`<script>`标签可以...随着CORS(跨源资源共享)的普及,JSONP的使用逐渐减少,但在某些老项目或低版本浏览器中,JSONP仍然是跨域数据交互的一个重要手段。

    jquery-jsonp-master.zip_jsonp

    `jquery-jsonp-master.zip`是一个包含jQuery JSONP实现的压缩包,适用于学习和应用轻量级的JSONP解决方案。 首先,我们需要了解JSONP的基本原理。由于同源策略的限制,JavaScript通常不能直接向其他域名发送Ajax...

    基于 .NET+WCF实现的JSON 格式化处理处理的程序源码例子

    在标题和描述中提到的"基于 .NET+WCF实现的JSON 格式化处理处理的程序源码例子",我们可以理解为这是一个示例项目,它展示了如何在.NET环境中使用WCF服务来处理JSON格式的数据,并对其进行格式化。以下是对这个主题...

    Extjs4 grid使用例子

    "MVCTest"可能是这个例子中的一个子目录或文件,可能包含了MVC架构下的各个部分,如Controller、Model、View和Store的定义。通过分析这些文件,可以更深入地理解如何将MVC原则应用于Grid组件。 7. **Mytest**: ...

    getJSON解决 跨域问题例子

    在这个例子中,jQuery会自动处理JSONP请求,包括生成一个唯一的回调函数名,并将其作为查询参数传递给服务器。当服务器返回响应时,这个函数会被执行,从而解封JSON数据并传递给回调函数处理。 然而,JSONP有其局限...

    Vue resource三种请求格式和万能测试地址

    `$http.post()`方法的第一个参数是URL,第二个参数是要发送的数据(在这个例子中是空对象`{}`),第三个参数是一个配置对象,`emulateJSON: true`选项使得Vue Resource以`application/x-www-form-urlencoded`格式...

    PHP下ajax跨域的解决方案之jsonp实例分析

    在JSONP的工作模式中,客户端(通常是JavaScript)向服务器发送请求时,会在URL中附加一个callback参数,这个参数的值是客户端预先定义好的函数名。服务器接收到请求后,不再返回纯JSON数据,而是返回一个包裹在函数...

    jquery和ajax的集成例子

    jQuery是一个流行的JavaScript库,它简化了DOM操作、事件处理、动画效果以及与服务器的数据交互。而AJAX(Asynchronous JavaScript and XML)则是一种不刷新整个页面就能与服务器交换数据并更新部分网页的技术。接...

    解决JQurey跨域问题$.get|$.post|$.getJSON等等统统可跨域

    现在,我们来看一个简单的示例: ```javascript // 使用$.getJSON进行跨域请求 $.getJSON('http://otherdomain.com/api', {param1: 'value'}, function(data) { console.log(data); }, 'jsonp'); ``` 在这个例子...

    前端开源库-Coeus.zip

    3. **示例或演示**:可能存在一个或多个例子目录,展示了库的不同用法和功能。 4. **配置文件**:如package.json,记录了项目的依赖和其他设置。 5. **测试代码**:单元测试或集成测试代码,用于验证库的功能和性能...

    struts2+json/ajax

    在这个例子中,`WebTest`可能是一个包含Web应用程序测试的项目,可能包含HTML、CSS、JavaScript、Struts2 Action类和相关的测试文件。测试文件可能包括JUnit测试用例,用于验证Struts2和JSON集成的功能是否正常工作...

    W3School离线手册

    这个压缩包中的【W3School离线手册(2015.07.17).chm】文件,是W3School网站的一个早期版本的完整教程集合,以帮助开发者在无网络连接的情况下也能获取到最新的Web技术知识。 W3School是一个全球知名的在线教育平台...

    PyPI 官网下载 | sanic_sockjs-0.1.0-py3-none-any.whl

    一个简单的Sanic_SockJS应用可能如下所示: ```python from sanic import Sanic from sanic_sockjs import SockJSRoute app = Sanic(__name__) @app.listener('before_server_start') async def setup(app...

    Building.Mobile.Applications.with.Java

    本书通过一个具体的例子——构建一个Twitter搜索应用,来演示如何使用GWT进行开发。该应用将使用Twitter提供的API来检索特定关键词的推文,并显示在网页上。 **调用Twitter API通过JSONP方法** 为了从Twitter获取...

    purejax:Purejax是一个纯JavaScript Ajax库

    在这个例子中,第二个参数是一个包含键值对的对象,这些数据将被发送到服务器。 Purejax还支持JSONP(JSON with Padding)跨域请求,这对于从不同源获取数据非常有用。只需提供一个JSONP回调函数名,Purejax会自动...

    Discuz!NT3.1整合 单点登录

    2. **会话管理**:认证中心在用户登录后创建会话,并将相关信息(如用户ID、权限等)存储在服务器端或者生成一个安全的会话标识(Session ID)。 3. **共享会话标识**:当用户访问其他关联系统时,这些系统需要能够...

    jquery中get和post的简单实例

    在提供的例子中,`$.get` 的一个使用示例如下: ```javascript $("#divMsg").load("http://localhost:8012/t.php", { "resultType": "html" }); ``` 在这个例子中,`$.load` 是 `$.get` 的一个特殊形式,它将远程...

    NovacimDsa:这只是一个开始

    在这个例子中,开发者使用了一个API作为路由器,可能是通过设置代理服务器来绕过CORS限制。这种做法在开发阶段常见,尤其是使用create-react-app这样的脚手架时,它们默认配置了proxy,以便在开发环境中能顺利调用...

    Ext.Net1.0(Examples)RC2实例

    RC2是Release Candidate 2的简称,表示这是一个接近正式版的测试版本,相较于RC1,它可能包含了更多的修复和改进。 在"Ext.Net1.0(Examples)RC2实例"压缩包中,你将找到一系列的示例代码,这些示例涵盖了Ext.NET ...

    jquery 1.8.2相关资源文件

    5. 测试用例:测试用例可以帮助开发者理解代码行为,确保正确使用jQuery功能。 四、实际应用与学习路径 1. 学习路径:从基础选择器开始,逐步学习DOM操作、事件处理和动画效果,最后深入AJAX和插件使用。 2. 实战...

Global site tag (gtag.js) - Google Analytics