jQuery 跨域访问的三种方式 No 'Access-Control-Allow-Origin' header is present on the reque

问题:

XMLHttpRequest cannot load http://v.xxx.com. No ‘Access-Control-Allow-Origin‘ header is present on the requested resource. Origin ‘http://localhost:63342‘ is therefore not allowed access. test.html:1
Resource interpreted as Script but transferred with MIME type text/html:

解决方案:

$(function($){
      var url = ‘http://v.juhe.cn/weather/index‘;
      $.ajax(url, {
        data: {
          ‘cityname‘: ‘襄阳‘,
          ‘dtype‘: ‘jsonp‘,
          ‘key‘: ‘xxxx‘,
          ‘_‘: new Date().getTime()
        },
        dataType: ‘jsonp‘,
        crossDomain: true,
        success: function(data) {
          if(data && data.resultcode == ‘200‘){
            console.log(data.result.today);
          }
        }
      });  

      var url2 = ‘http://v.juhe.cn/weather/index?callback=?‘;
      $.getJSON(url2, {
        ‘cityname‘: ‘北京‘,
        ‘dtype‘: ‘jsonp‘,
        ‘key‘: ‘xxxx‘,
        ‘_‘: new Date().getTime()
      }, function(data){
        if(data && data.resultcode == ‘200‘){
          console.log(data.result.today);
        }
      });  

      var url3 = ‘http://v.juhe.cn/weather/index?callback=?‘;
      $.get(url3, {
        ‘cityname‘: ‘澳门‘,
        ‘dtype‘: ‘jsonp‘,
        ‘key‘: ‘xxxx‘,
        ‘_‘: new Date().getTime()
      }, function(data){
        if(data && data.resultcode == ‘200‘){
          console.log(data.result.today);
        }
      }, ‘json‘);
    });

jQuery 跨域访问的三种方式 No 'Access-Control-Allow-Origin' header is present on the reque

时间: 2024-10-01 02:46:16

jQuery 跨域访问的三种方式 No 'Access-Control-Allow-Origin' header is present on the reque的相关文章

System.Web.Http.Cors配置跨域访问的两种方式

System.Web.Http.Cors配置跨域访问的两种方式 使用System.Web.Http.Cors配置跨域访问,众多大神已经发布了很多文章,我就不在详细描述了,作为小白我只说一下自己的使用心得.在webapi中使用System.Web.Http.Cors配置跨域信息可以有两种方式.  一种是在App_Start.WebApiConfig.cs的Register中配置如下代码,这种方式将在所有的webapi Controller里面起作用. using System; using Sys

实践解决跨域问题的三种方式剖析

最近在做我星际schub网站的时候,遇到了跨域问题,我先把后端node部署在了服务器上,然后在本地localhost测试,出现了问题: 浏览器都提示我们使用这个header头: 解决办法: 1. CORS 服务器设置响应头: response.setHeader("Access-Control-Allow-Origin", "*") (这样可能引起CSRF攻击,一般设置成对应的域名就行, response.setHeader("Access-Control

【js跨域】js实现跨域访问的几种方式

这里说的js跨域是指通过js在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过js获取页面中不同域的框架中(iframe)的数据.只要协议.域名.端口有任何一个不同,都被当作是不同的域. 下表给出了相对http://store.company.com/dir/page.html同源检测的结果: 要解决跨域的问题,我们可以使用以下几种方法: 一.通过jsonp跨域 在js中,我们直接用XMLHttpRequest请求不同域上的数据时,是不可以的.但是,在页面上引入不同

jquery跨域访问解决方案

客户端“跨域访问”一直是一个头疼的问题,好在有jQuery帮忙,从jQuery-1.2以后跨域问题便迎刃而解.由于自己在项目中遇到跨域问题,借此机会对跨域问题来刨根问底,查阅了相关资料和自己的实践,算是解决了跨域问题.便记录下来,以供查阅.         jQuery.ajax()支持get方式的跨域,这其实是采用jsonp的方式来完成的.        真实案例:        $.ajax({             async:false,             url: 'http:

jQuery 跨域访问问题解决方法

浏览器端跨域访问一直是个问题, 多数研发人员对待js的态度都是好了伤疤忘了疼,所以病发的时候,时不时地都要疼上一疼.记得很久以前使用iframe 加script domain 声明,yahoo js util 的方式解决二级域名跨域访问的问题. 时间过得好快,又被拉回js战场时, 跨域问题这个伤疤又开疼了. 好在,有jquery帮忙,跨域问题似乎没那么难缠了.这次也借此机会对跨域问题来给刨根问底,结合实际的开发项目,查阅了相关资料,算是解决了跨域问题..有必要记下来备忘. 跨域的安全限制都是指浏

jQuery 跨域访问问题解决方法(转)

转自:http://www.jb51.net/article/21213.htm 浏览器端跨域访问一直是个问题, 多数研发人员对待js的态度都是好了伤疤忘了疼,所以病发的时候,时不时地都要疼上一疼.记得很久以前使用iframe 加script domain 声明,yahoo js util 的方式解决二级域名跨域访问的问题. 时间过得好快,又被拉回js战场时, 跨域问题这个伤疤又开疼了. 好在,有jquery帮忙,跨域问题似乎没那么难缠了.这次也借此机会对跨域问题来给刨根问底,结合实际的开发项目

跨域请求的3种方式

视频教程 跨域请求的方式:3种 1.后台代理 2.jsonp 3.HTML5中的XHR2 需要前端会的方法是后两种. 2.jsonp使用方法:只支持get方式 $.ajax({dataType:"jsonp",jsonp:"callback",success:...,error:...});//前台,修改数据类型,定义jsonp属性和参数名,等待后台调用 var request=$_GET("callback");//后台,接收前台定义好的参数名

服务器端解决跨域问题的三种方法

跨域是指html文件所在的服务器与ajax请求的服务器是不同的ip+port,例如: - ‘192.168.1.1:8080’ 与 ‘192.168.1.2:8080’是不同的域. - ‘192.168.1.1:8080’ 与 ‘192.168.1.1:8081’是不同的域. 解决此类问题的方法很多,有需要客户端和服务端都要更改的,例如jsonp,iframe等等:有只需要客户端更改的,这种情况只能出现在hybrid app开发中,即通过调用native方法来进行网络请求:有只需要服务端配置的,

Ajax--跨域访问的三种方法

原文地址:http://www.cnblogs.com/mylove103104/p/4600779.html 一.什么是跨域 我们先回顾一下域名地址的组成: http:// www . google : 8080 / script/jquery.js  http:// (协议号) www  (子域名) google (主域名) 8080 (端口号) script/jquery.js (请求的地址) * 当协议.子域名.主域名.端口号中任意一各不相同时,都算不同的“域”. * 不同的域之间相互请