《javascript跨域调用基于json的restful api》由会员分享，可在线阅读，更多相关《javascript跨域调用基于json的restful api（6页珍藏版）》请在金锄头文库上搜索。
1、我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习，了解了党的发展历程，对党的性质、宗旨、任务等基本知识有了进一步的了解JavaScript跨域调用基于JSON的RESTful API这篇文章主要介绍了JavaScript跨域调用基于JSON的RESTful API的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下1. 基本术语AJAX（Asynchronous JavaScript And XML，异步JavaScript和XML）：AJAX是一种用于创建快速动态网页的技术，通过在后台与服务器进行少量数据交换，AJAX可以使网页实现异步更新。这意味着可以在不重新
2、加载整个网页的情况下，对网页的某部分进行更新。JSON（JavaScript Object Notation）：JSON是一种轻量级的数据交换格式，可以看成是由大括号包裹起来的多个key/value对，格式如下：firstName:Brett, lastName:McLaughlin, email:。Cross Domain（跨域）：跨域问题是由于JavaScript语言安全限制中的同源策略造成的，当在页面上使用AJAX请求访问其他服务器的数据时，客户端就会出现跨域问题。Same Origin Policy（同源策略）：同源策略是指一段脚本只能读取来自同一来源的窗口和文档的属性，域名、协议、端
3、口均相同，即是同源。2. JavaScript跨域解决方案目前主要有三种JavaScript跨域解决方案：基于iframe实现跨域：两个页面必须属于一个基础域（例如都是，或是），使用同一协议（例如都是HTTP）和同一端口（例如都是80）。iframe方案对域名、协议、端口的限制太多，用处不大。基于Script标签实现跨域（JSONP方案）：JSONP（JSON with Padding）是JSON的一种“使用模式”，是一种非官方的跨域数据交互协议，可用于解决主流浏览器的跨域数据访问的问题。JSONP方案的局限性在于：JSONP只能实现GET请求。基于后台代理实现跨域（CORS方案）：CORS（
4、Cross-Origin Resource Sharing，跨域资源共享）是一个W3C标准，它允许浏览器向跨源服务器发出XMLHttpRequest请求，从而克服了AJAX只能同源使用的限制。3. 基于后台代理实现跨域（CORS方案）具体解决方案如下： 服务器端服务器端需要在正常的HTTP回应中增加Access-Control-Allow-Origin、Access-Control-Allow-Methods、Access-Control-Allow-Headers等字段。我的服务器端是用Python写的，HTTP请求调用的webob.Request。修改办法是，在“res = req.get
5、_response(self.app)”这行代码之后，需要增加如下几行内容：res.headerlist.append(Access-Control-Allow-Origin, *)res.headerlist.append(Access-Control-Allow-Methods, GET, POST)res.headerlist.append(Access-Control-Max-Age, 3600)res.headerlist.append(Access-Control-Allow-Headers, Access-Control-Allow-Origin, Access-Control-
6、Allow-Methods, Access-Control-Max-Age, X-Auth-Token, Content-Type, Accept)其中，Access-Control-Allow-Origin最好限制为前端的访问地址，这样才相对安全，例如：res.headerlist.append(Access-Control-Allow-Origin, http:/10.111.121.26:8080)另外，Access-Control-Max-Age可以设置CORS相关配置的缓存时间，这样客户端就不必每次都先进行一次预检请求（Preflight Request）。预检请求会先向服务器端发出
7、一个OPTIONS方法、包含“Origin”头的请求。只有该请求获得允许以后，才会发起真实的跨域请求。所以，服务器端在对X-Auth-Token进行鉴权时还需要放过预检请求，例如：def process_request(self, req):if (req.headers.get(X-Auth-Token) != open-sesame) and (req.method != OPTIONS):return exc.HTTPForbidden() 客户端HTTP请求需要注意到几个地方：data需要保证是JSON格式的字符串；contentType规定了编码格式是UTF8；dataType规定了
8、返回内容是JSON格式。具体的调用代码如下：data_param = timeType:LAST_7_DAYS, hostType:ALL_HOSTS$.ajax(url:http:/172.16.17.11:41128/dpi/webApp/eventRetrieve,type: POST,data:JSON.stringify(data_param),headers:X-Auth-Token:open-sesame,Content-Type:application/json,contentType: text/html; charset=UTF-8,dataType: json,succe
9、ss: function(data) alert(data); / Object,error: function(XMLHttpRequest, textStatus, errorThrown) alert(XMLHttpRequest.status);alert(XMLHttpRequest.readyState);alert(textStatus);,complete: function(XMLHttpRequest, textStatus) );以上所述是小编给大家介绍的JavaScript跨域调用基于JSON的RESTful API的全部叙述，希望对大家有所帮助 对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确，更感到只有中国共产党是全中国最广大人民利益的忠实代表
