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

本文主要是介绍jQuery 跨域访问的三种方式 No 'Access-Control-Allow-Origin' header is present on the reque,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

Js代码   收藏代码
  1. 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  
  2. Resource interpreted as Script but transferred with MIME type text/html:  

 

Js代码   收藏代码
  1. $(function($){  
  2.       var url = 'http://v.juhe.cn/weather/index';  
  3.       $.ajax(url, {  
  4.         data: {  
  5.           'cityname''襄阳',  
  6.           'dtype''jsonp',  
  7.           'key''xxxx',  
  8.           '_'new Date().getTime()  
  9.         },  
  10.         dataType: 'jsonp',  
  11.         crossDomain: true,  
  12.         success: function(data) {  
  13.           if(data && data.resultcode == '200'){  
  14.             console.log(data.result.today);  
  15.           }  
  16.         }  
  17.       });  
  18.   
  19.       var url2 = 'http://v.juhe.cn/weather/index?callback=?';  
  20.       $.getJSON(url2, {  
  21.         'cityname''北京',  
  22.         'dtype''jsonp',  
  23.         'key''xxxx',  
  24.         '_'new Date().getTime()  
  25.       }, function(data){  
  26.         if(data && data.resultcode == '200'){  
  27.           console.log(data.result.today);  
  28.         }  
  29.       });  
  30.   
  31.       var url3 = 'http://v.juhe.cn/weather/index?callback=?';  
  32.       $.get(url3, {  
  33.         'cityname''澳门',  
  34.         'dtype''jsonp',  
  35.         'key''xxxx',  
  36.         '_'new Date().getTime()  
  37.       }, function(data){  
  38.         if(data && data.resultcode == '200'){  
  39.           console.log(data.result.today);  
  40.         }  
  41.       }, 'json');  
  42.     });  

这篇关于jQuery 跨域访问的三种方式 No 'Access-Control-Allow-Origin' header is present on the reque的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!


原文地址:
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.chinasem.cn/article/487087

相关文章

Java获取当前时间String类型和Date类型方式

《Java获取当前时间String类型和Date类型方式》:本文主要介绍Java获取当前时间String类型和Date类型方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,... 目录Java获取当前时间String和Date类型String类型和Date类型输出结果总结Java获取

C#监听txt文档获取新数据方式

《C#监听txt文档获取新数据方式》文章介绍通过监听txt文件获取最新数据,并实现开机自启动、禁用窗口关闭按钮、阻止Ctrl+C中断及防止程序退出等功能,代码整合于主函数中,供参考学习... 目录前言一、监听txt文档增加数据二、其他功能1. 设置开机自启动2. 禁止控制台窗口关闭按钮3. 阻止Ctrl +

linux批量替换文件内容的实现方式

《linux批量替换文件内容的实现方式》本文总结了Linux中批量替换文件内容的几种方法,包括使用sed替换文件夹内所有文件、单个文件内容及逐行字符串,强调使用反引号和绝对路径,并分享个人经验供参考... 目录一、linux批量替换文件内容 二、替换文件内所有匹配的字符串 三、替换每一行中全部str1为st

从入门到精通详解LangChain加载HTML内容的全攻略

《从入门到精通详解LangChain加载HTML内容的全攻略》这篇文章主要为大家详细介绍了如何用LangChain优雅地处理HTML内容,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录引言:当大语言模型遇见html一、HTML加载器为什么需要专门的HTML加载器核心加载器对比表二

WinForm跨线程访问UI及UI卡死的解决方案

《WinForm跨线程访问UI及UI卡死的解决方案》在WinForm开发过程中,跨线程访问UI控件和界面卡死是常见的技术难题,由于Windows窗体应用程序的UI控件默认只能在主线程(UI线程)上操作... 目录前言正文案例1:直接线程操作(无UI访问)案例2:BeginInvoke访问UI(错误用法)案例

Python实现终端清屏的几种方式详解

《Python实现终端清屏的几种方式详解》在使用Python进行终端交互式编程时,我们经常需要清空当前终端屏幕的内容,本文为大家整理了几种常见的实现方法,有需要的小伙伴可以参考下... 目录方法一:使用 `os` 模块调用系统命令方法二:使用 `subprocess` 模块执行命令方法三:打印多个换行符模拟

RabbitMQ消息总线方式刷新配置服务全过程

《RabbitMQ消息总线方式刷新配置服务全过程》SpringCloudBus通过消息总线与MQ实现微服务配置统一刷新,结合GitWebhooks自动触发更新,避免手动重启,提升效率与可靠性,适用于配... 目录前言介绍环境准备代码示例测试验证总结前言介绍在微服务架构中,为了更方便的向微服务实例广播消息,

SpringBoot中六种批量更新Mysql的方式效率对比分析

《SpringBoot中六种批量更新Mysql的方式效率对比分析》文章比较了MySQL大数据量批量更新的多种方法,指出REPLACEINTO和ONDUPLICATEKEY效率最高但存在数据风险,MyB... 目录效率比较测试结构数据库初始化测试数据批量修改方案第一种 for第二种 case when第三种

Linux线程之线程的创建、属性、回收、退出、取消方式

《Linux线程之线程的创建、属性、回收、退出、取消方式》文章总结了线程管理核心知识:线程号唯一、创建方式、属性设置(如分离状态与栈大小)、回收机制(join/detach)、退出方法(返回/pthr... 目录1. 线程号2. 线程的创建3. 线程属性4. 线程的回收5. 线程的退出6. 线程的取消7.

golang程序打包成脚本部署到Linux系统方式

《golang程序打包成脚本部署到Linux系统方式》Golang程序通过本地编译(设置GOOS为linux生成无后缀二进制文件),上传至Linux服务器后赋权执行,使用nohup命令实现后台运行,完... 目录本地编译golang程序上传Golang二进制文件到linux服务器总结本地编译Golang程序