JSONP之我见

   本文主要向大家介绍了个人对于jsonp的理解,jsonp的概念,跨域问题,以及jsonp与XMLHttpRequest的区别,由于本人也是javascript的初学者,难免会有些不当之处,还请指正,谢谢。

  JavaScript初学,一点自己的理解,有不当之处请大家指正~

  JSONP:

  本地html文件要获取xxx网站(跨域)数据时使用的方法。

  跨域问题:

  外部服务器的数据只能用外部服务器中的js访问,本地js无法用XMLHttpRequest()访问。

  外部服务器中的Web服务提供JSON数据,比如在http://gumball.wickedlysmart.com/中,数据包含在函数updateSales中作为参数,现在要在本地html中访问外部服务器中的JSON数据该怎么办呢?

  1, 查看Web服务文档,明确服务实际使用的参数名(本例只有一个参数即一个对象数组);

  2, 在url中指定一个回调函数,http://gumball.wickedlysmart.com/?callback=updateSales,用来指定Web服务中访问JSON数据的函数名;

  3, 在本地js文件中使用刚才定义的函数名创建函数updateSales(对象),编写处理得到外部JSON数据的方法;

  4, 在html文件中的标签下使用

时间: 2024-10-26 16:34:45

JSONP之我见的相关文章

JSONP之我见_json

JavaScript初学,一点自己的理解,有不当之处请大家指正~ JSONP: 本地html文件要获取xxx网站(跨域)数据时使用的方法. 跨域问题: 外部服务器的数据只能用外部服务器中的js访问,本地js无法用XMLHttpRequest()访问. 外部服务器中的Web服务提供JSON数据,比如在http://gumball.wickedlysmart.com/中,数据包含在函数updateSales中作为参数,现在要在本地html中访问外部服务器中的JSON数据该怎么办呢? 1, 查看Web

说说JSON和JSONP,也许你会豁然开朗,含jQuery用例

前言: 由于Sencha Touch 2这种开发模式的特性,基本决定了它原生的数据交互行为几乎只能通过AJAX来实现. 当然了,通过调用强大的PhoneGap插件然后打包,你可以实现100%的Socket通讯和本地数据库功能,又或者通过HTML5的WebSocket也可以实现与服务器的通讯和服务端推功能,但这两种方式都有其局限性,前者需要PhoneGap支持,后者要求用户设备必须支持WebSocket,因此都不能算是ST2的原生解决方案,原生的只有AJAX.  说到AJAX就会不可避免的面临两个

jsonp 常用util方法

jsonp 常用Java方法 (1)以jsonp的形式返回:函数名(json字符串) Java代码   /***       * 用于jsonp调用       * @param map : 用于构造json数据       * @param callback : 回调的javascript方法名       * @param filters : <code>SimpleBeanPropertyFilter theFilter = SimpleBeanPropertyFilter       

request参数-jsonp跨域访问Struts2后台,获取到的数据没有用callback参数包裹是怎么回事啊?

问题描述 jsonp跨域访问Struts2后台,获取到的数据没有用callback参数包裹是怎么回事啊? 前端代码: $.ajax({ url:'http://localhost:8080/OA/json/json.action?orgid=aaa&code=00002', dataType:'jsonp', type:"GET", dataFilter:function(json,me){ alert("dataFiter:"+json); }, cont

Title与H1之我见 关系与区别浅析

title与H1之我见 各位站长在建站时,都会在网站或文章前应用大标题<H1>属性和title网站标题属性.很多新站长在网站SEO过程中,会认为把H1等同于Title.其实两是有区别和联系的,两者不能划等号.下面主要从文章和页面角度分析title和H1. H1等同于title吗? H1不等于title.H1,大标题.一般出现在文章页面,作用如同一张报纸的大标题,使用读者在没看内容之前就大概了解本文的旨意,它是直接给用户看的.在SEO中,搜索引擎也非常重视H1,目的是告诉搜索引擎,这个地方的内容

Ajax跨域问题解决(Ajax JSONP)

因WEB安全原因,Ajax默认情况下是不能进行跨域请求的,遇到这种问题,自然难不倒可以改变世界的程序猿们,于是JSONP(JSON with Padding)被发明了,其就是对JSON的一种特殊,简单来说就是在原有的JSON数据上做了点手脚,从而达到可以让网页可以跨域请求.在现在互联网技术对"前后分离"大规模应用的时期,JSONP可谓意义重大啊. 假设我们原来的JSON数据为 {"hello":"你好","veryGood":

JSONP跨域的原理解析及其实现介绍

 JSONP跨域GET请求是一个常用的解决方案,下面我们来看一下JSONP跨域是如何实现的,并且探讨下JSONP跨域的原理 JavaScript是一种在Web开发中经常使用的前端动态脚本技术.在JavaScript中,有一个很重要的安全性限制,被称为"Same-Origin Policy"(同源策略).这一策略对于JavaScript代码能够访问的页面内容做了很重要的限制,即JavaScript只能访问与包含它的文档在同一域下的内容.    JavaScript这个安全策略在进行多if

利用JSONP实现跨域请求

前言:有时候一忙起来就没了时间观念,原来我已经有十多天没写博客了.一直想做跨域方面的尝试,无奈最近准备校招没时间动动手.今天就先讲讲JSONP吧,昨晚还在研究QQ空间日志里面网络图片的问题呢,我发现日志还提供了HTML模式,我们可以利用img标签的src属性实现跨域请求,从自己的服务器里提取动态内容. JSONP 在讲实现之前,我们先来看看何为JSONP.以下是维基百科的解释: JSONP or "JSON with padding" is a communication techni

集中数据格式:JSON和JSONP

文章简介:Ajax和WEB服务数据格式:JSON JSONP. 在之前的文章中我们讲到了早期的集中数据格式,XML,SOAP,HTML.现在,我们来看看JSON和JSONP. JSON JSON(JavaScript Object Notation)是Douglas Crockford提出的.他是一个轻量级的数据交换格式,基于JavaScript对象字面量. 我们可以将之前的XML图书格式的文件内容转换成下面的JSON格式: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15