文档章节

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

被钓的小鱼
 被钓的小鱼
发布于 2016/11/29 14:43
字数 142
阅读 95
收藏 0
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');  
    });  

 

本文转载自:

共有 人打赏支持
被钓的小鱼
粉丝 8
博文 35
码字总数 12677
作品 0
昆明
程序员
vue-cli教程(五) 网络请求与跨域问题解决

网络请求采用jquery,Axios vue-resource都可以,这里采用vue-resource 安装:cnpm install vue-resource 建立server/index.js import Vue from 'vue'import vueresource from 'vue-resourc......

chenbaojun
2017/10/24
0
0
ajax 设置Access-Control-Allow-Origin实现跨域访问

ajax跨域访问是一个老问题了,解决方法很多,比较常用的是JSONP方法,JSONP方法是一种非官方方法,而且这种方法只支持GET方式,不如POST方式安全。 即使使用jquery的jsonp方法,type设为POS...

mdoo
2016/07/25
113
0
ajax 设置Access-Control-Allow-Origin实现跨域访问

ajax跨域访问是一个老问题了,解决方法很多,比较常用的是JSONP方法,JSONP方法是一种非官方方法,而且这种方法只支持GET方式,不如POST方式安全。 即使使用jquery的jsonp方法,type设为POS...

蜗牛奔跑
2016/03/07
72
0
Ajax 跨域难题 - 原生 JS 和 jQuery 的实现对比

讲解顺序: AJAX 的概念及由来 JS 和 jQuery 中的 ajax 浏览器机制 AJAX 跨域 AJAX 的概念 在讲解 AJAX 的概念之前,我先提一个问题。 这是一个典型的 B/S 模式。 PS. B/S结构(Browser/Ser...

梁音
06/19
0
0
Angular通过CORS实现跨域方案

以前有一篇很老的文章网上转了很多,包括现在如果你百度"跨域"这个关键字,前几个推荐的都是"Javascript跨域总结与解决方案".看了一下感觉手段有点陈旧了,有一些比如document.domain还有ifram...

顽Shi
2014/08/18
0
16

没有更多内容

加载失败,请刷新页面

加载更多

Android JNI 开发系列(九)JNI调用Java的静态方法&实例方法

JNI调用Java的静态方法&实例方法 package org.professor.jni.bean;import android.util.Log;/** * Created by peng on 2018/10/11. */ public class Person { /*C/CPP 调用......

蔡小鹏
14分钟前
0
0
Flink 原理与实现:Window 机制

Flink 认为 Batch 是 Streaming 的一个特例,所以 Flink 底层引擎是一个流式引擎,在上面实现了流处理和批处理。而窗口(window)就是从 Streaming 到 Batch 的一个桥梁。Flink 提供了非常完...

xtof
16分钟前
0
0
Fabric.js高级点的教程2--添加表格的方法

有时候我们先在画布上画一个表格类似一下设计软件那种。一方面作为参考线,一方面给人一直专业的赶脚。。。 先贴上一段网上(不是我写的)可以运行的代码 https://codepen.io/rodan8888/pen/e...

xmqywx
16分钟前
0
0
Java中Lambda表达式的使用

Java中Lambda表达式的使用 简介 (译者注:虽然看着很先进,其实Lambda表达式的本质只是一个"语法糖",由编译器推断并帮你转换包装为常规的代码,因此你可以使用更少的代码来实现同样的功能。本人...

DemonsI
20分钟前
0
0
深入理解Java中停止线程

一.停止线程会带来什么? 对于单线程中,停止单线程就是直接使用关键字return或者break,但是在停止多线程时是让线程在完成任务前去开启另外一条线程,必须放弃当前任务,而这个过程是不可预...

Ala6
29分钟前
8
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部