ajax 跨域html,html ajax访问webapi 跨域(示例代码)

Dear 丶 2022-09-03 06:23 168阅读 0赞

一、为什么会出现跨域问题

出于浏览器的同源策略限制。同源策略(Sameoriginpolicy)是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。所谓同源(即指在同一个域)就是两个页面具有相同的协议(protocol)，主机(host)和端口号(port)

二、什么是跨域

当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域

访问页面   http://localhost:8080/ierp/api/getAppToken.do

端口不一致 出现跨域

三、跨域解决方法

1、jsonp

$.ajax(\{

url:"http://localhost:8080/ierp/api/getAppToken.do",

data: JSON.stringify(data),

type:"get",

dataType:‘jsonp‘,

crossDomain:true,

contentType:false,//"application/json",

success: function (data) \{

alert(data)

\}

\})

jsonp只能是get访问

2、CORS

在web.config中添加

html

1

2

3

4

5

6

7

8

9

10

11

12 varapp\_token;13 varaccess\_token;14 $(function () \{15 var data = \{ "appId": "demo1", "appSecuret": "123456"\};16 $.ajax(\{17 url: "http://localhost:8080/ierp/api/getAppToken.do",18 data: JSON.stringify(data),19 type: "post",20 dataType: "json",

23 withCredentials: true,24 contentType: false,//"application/json",

25 success: function (data) \{26

27 var result =eval(data.data)28 console.log(JSON.stringify(result.app\_token));29 app\_token =(result.app\_token);30 54

55 \}, error: function (e) \{56 alert("获取app\_token错误" +JSON.stringify(e));57 \}58 \})59 \})60

61

62

63

64

65

66

67

68

69

发表评论取消回复

表情：

评论列表（有 0 条评论，168人围观）

还没有评论，来说两句吧...

相关阅读

相关 java ajax 跨域_解决ajax跨域访问问题

前端js: $.ajax(\{ url:'http://localhost/xxxx/test', //后台处理程序 async:true, type:'get',

末蓝、/ 2022年11月03日 10:53/ 0 赞/ 215 阅读

相关 ajax 跨域html,html ajax访问webapi 跨域(示例代码)

一、为什么会出现跨域问题出于浏览器的同源策略限制。同源策略(Sameoriginpolicy)是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的

Dear 丶/ 2022年09月03日 06:23/ 0 赞/ 169 阅读

相关 ajax跨域后台允许跨域访问

参考博文：[https://blog.csdn.net/djl0906/article/details/70238847][https_blog.csdn.net_djl090

小咪咪/ 2022年05月18日 04:16/ 0 赞/ 290 阅读

相关 ajax 和跨域访问

ajax与jsonp ajax技术的目的是让javascript发送http请求，与后台通信，获取数据和信息。ajax技术的原理是实例化xmlhttp对象，使用此对象与后

拼搏现实的明天。/ 2022年05月09日 14:36/ 0 赞/ 206 阅读

相关 ajax跨域访问解决

> ajax访问域名遇见的跨域问题，在被访问的nginx配置文件上的http节点加上下面几句话就好了。 add_header Access-Control-Allow

雨点打透心脏的1/2处/ 2022年04月18日 03:45/ 0 赞/ 237 阅读

相关 ajax跨域

$.ajax(\{ type:"post", //请求方式 /\ async:true, \/ //

蔚落/ 2022年03月09日 13:06/ 0 赞/ 221 阅读

相关 ajax跨域

公司好多都需要系统进行配合，所以就使用了ajax跨域，至少目前来说，挺好用的。后台代码：多值： @RequestMapping("") @Res

野性酷女/ 2022年02月19日 04:21/ 0 赞/ 231 阅读

相关 Ajax 跨域

目录 > 1 URL的组成 > > 2 解决跨域的方式 > > 2.1 第一种：代理 > > 2.2 第三种：XHR2 > > 2.3 第三种：JSONP --

亦凉/ 2022年02月01日 01:29/ 0 赞/ 268 阅读

相关 ajax实现跨域访问

ajax跨域访问是一个老生畅谈的问题啦，网上解决方法很多，discuz用的p3p协议，有兴趣的朋友可以了解下，比较常用的是JSONP方法，貌似目前这种方法只支持GET方式，不如

古城微笑少年丶/ 2021年12月16日 11:11/ 0 赞/ 304 阅读

相关 Ajax跨域访问解决

$.ajax({ url:"http://a.com/ver?jsoncallback=?", dataType:

向右看齐/ 2021年12月13日 15:11/ 0 赞/ 308 阅读