jQuery 实现Ajax应用1

大家好,如果您还对jQuery中使用Ajax获取JSON格式数据示例代码不太了解,没有关系,今天就由本站为大家分享jQuery中使用Ajax获取JSON格式数据示例代码的知识,包括ajax跨域解决办法jsonp的问题都会给大家分析到,还望可以解决大家的问题,下面我们就开始吧!

本文目录

  1. ajax跨域访问遇到的问题及解决方案
  2. 什么是跨域,跨域的实现方式有哪些
  3. 跨域产生的原因和解决方法
  4. jQuery中使用Ajax获取JSON格式数据示例代码

ajax跨域访问遇到的问题及解决方案

IE9、Chrome、FF、Opera支持ResponseHeaderAccess-Control-Allow-OriginIE下得额外配置:jQuery.support.cors=true;(启用读取上面那个头信息的功能)点击IE浏览器的的“工具->Internet选项->安全->自定义级别”将“其他”选项中的“通过域访问数据源”选中为“启用”或者“提示”,点击确定就可以了。(自身的过滤)

什么是跨域,跨域的实现方式有哪些

查了一些资料,再结合我之前的了解,给大家介绍一下,如果有说的不对的地方,请大家留言指正。

什么是跨域

浏览器有一个毛病(策略):请求url的协议、域名、端口必须相同,才允许访问(通信),否则就不允许访问,是跨域。

https(协议)://www.wukong.com(域名和端口)/index.html

比如:

https://www.wukong.com/index.html

http://www.wukong.com/index.html

这样就不允许通信,因为协议不同。

完整的举个例子:

你有服务器A和服务器B,服务器A上存着CSS和JS脚本,服务器B上存着HTML,HTML页面上的CSS和JS都是链接的服务器A上面的。

然后用浏览器打开服务器B上面的xxx.html,页面打开后可以正常渲染出样式,可以运行JS脚本,这样就是跨域名,跨端口,跨协议。

如何解决跨域

JSONP:利用了script标签不受同源策略的限制,通过script加载服务器A的资源。

Proxy代理:使用服务器接口做代理,因为同源策略之针对浏览器。

CORS:跨域资源共享,这个就是浏览器后悔了,出了一个跨域访问机制(XMLHttpRequest),低版本IE不支持。

Postmessage:HTML5新增的跨域机制。

Nginx反向代理:相当于Proxy代理。

希望我的回答可以帮助到你!

跨域产生的原因和解决方法

原因:

是指a页面想获取b页面资源,如果a、b页面的协议、域名、端口、子域名不同,或是a页面为ip地址,b页面为域名地址,所进行的访问行动都是跨域的,而浏览器为了安全问题一般都限制了跨域访问,也就是不允许跨域请求资源。

解决方案有十种:

1.通过Jsonp实现跨域(常用)

2.通过修改document.domain来跨子域

3.window.name+iframe跨域

4.跨文档消息传输window.postMessage

5.通过CORS(跨域资源共享)解决AJAX跨域

6.通过Nginx反向代理

7.Nodejs中间件代理(两次跨域)

8.websocket协议跨域

9.localhost.hash+iframe跨域

10.通过设置Access-Control-Allow-Origin

jQuery中使用Ajax获取JSON格式数据示例代码

jQuery中的使用Ajax获取JSON格式数据示例代码是:<inputtype="button"id="button"value="。

jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(框架)于2006年1月由JohnResig发布。jQuery设计的宗旨是“writeLess,DoMore”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。

好了,关于jQuery中使用Ajax获取JSON格式数据示例代码和ajax跨域解决办法jsonp的问题到这里结束啦,希望可以解决您的问题哈!

JavaWeb Ajax异步请求 json对象 服务器如何返回json数据 使用ajax完成一个案例