jquery ajax xmlhttprequest cannot load,ajax post上传数据时，前端出现的跨域权限问题：ccess to XMLHttpRequest at ‘’rom ...

最新推荐文章于 2023-03-23 14:30:32 发布
最新推荐文章于 2023-03-23 14:30:32 发布
阅读量330 收藏
点赞数
文章标签： jquery ajax xmlhttprequest cannot load

本人前端使用多个框架时，jq  ajax传参出现如下报错：

81d2f1b6d546bffb0073549574ae099b.png

最后发现，可能是xhr的相关默认参数被修改了。顾使用jq 传参时，一直报错，jq  ajax额外添加的关键参数：

crossDomain: true

ajax post传参完整如下：

$.ajax({

url: IPName + '/api/index/appointment',

type: 'post',

dataType: "json",

data: {

mobile: psi_mobile

},

crossDomain: true,

async: "false",

success: function (info) {

}

})

顺利解当前问题,

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://www.cnblogs.com/autoXingJY/p/11419860.html

如果觉得文章对你有用, 请帮忙点个推荐和收藏 ! Thanks♪(･ω･)ﾉ

随机推荐

jQuery Mobile 过渡效果

jQuery Mobile 包含了允许您选择页面打开方式的 CSS 效果. jQuery Mobile 过渡效果 jQuery Mobile 拥有一系列关于如何从一页过渡到下一页的效果. 注释:如需实 ...

[转]EF 4.1 Code First

这篇文章介绍Code First开发以及如何与DbContext API一起使用.Code First允许使用C#或VB.NET类定义模型,在类或属性上有选择性的执行额外的配置或者使用Fluent A ...

通过inotify监控linux文件系统变化

http://www.mjmwired.net/kernel/Documentation/filesystems/inotify.txt http://www.ibm.com/developerwor ...

Chapter 10 EF 6 Support

http://dev.mysql.com/doc/connector-net/en/connector-net-entityframework60.html

oracle的学习 第二节：创建数据表

学习内容: A.创建数据库和表空间 B.创建用户和分配权限 C.创建数据表 一.创建数据库和表空间 (一)SQL语言的基本概念 1.概念 高级的结构化查询语言:沟通数据库服务器和客户的重要桥梁. PL ...

PHP多线程的实现方法详解

PHP5中可以使用新增的stream_socket_client()函数直接替换掉fsocketopen().PHP5之前的版本,你需要自己动手,用sockets扩展解决问题.PHP5的先进之处在于, ...

转 - Linux安装python3.6

https://www.cnblogs.com/kimyeee/p/7250560.html

浅介HTML DOM

什么是DOM? DOM是Document Object Model(文档对象模型)的缩写. DOM是W3C(万维网联盟)的标准. DOM定义了访问HTML和XML文档的标准: “W3C文档对象模型(D ...

OpenCV学习代码记录—— Snake轮廓

很久之前学习过一段时间的OpenCV,当时没有做什么笔记,但是代码都还在,这里把它贴出来做个记录. 代码放在码云上,地址在这里https://gitee.com/solym/OpenCVTest/tr ...

IonQ_Inc
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery Ajax使用FormData上传文件和其他数据后端web.py获取
12-07
XMLHttpRequest Level 2 添加了一个新的接口——FormData。与普通的 Ajax 相比，使用 FormData 的最大优点就是我们可以异步上传二进制文件。 jQuery 2.0+的版本支持FormData 方法一：使用<form>表单初始化...
【跨域报错解决方案】Access to XMLHttpRequest at ‘http://xxx.com/xxx‘ from origin ‘null‘ has been blocked by
十一月廿七风雨大作
01-19 8万+
错误背景描述： 在使用ajax调用api接口的时候：发生错误如下 Access to XMLHttpRequest at ‘http://xxxx.com/xxx’ from origin ‘null’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the request...
【jQuery】jQuery中如何发送ajax请求以及解决跨域问题_10
青春木鱼的博客
07-20 2610
jQuery中使用$.ajax()函数一句话向服务器发送请求接收响应；jsonp不会对服务器端代码或者内容做更改，因为它只能也只支持发送get请求
jQuery发送ajax请求出现跨域问题（请求头XXX不被允许）
xlxnb666的博客
03-23 736
解决报错：Access to XMLHttpRequest at 'http://127.0.0.1:8000/jQuery-server?a=100&b=200' from origin 'http://127.0.0.1:5500' has been blocked by CORS policy: Request header field d is not allowed by Access-Control-Allow-Headers in preflight response.
解决Access to XMLHttpRequest at http:XXX from origin http:XXX has been blocked by CORS policy: No Acce
其实我十八，你呢？
11-08 1668
Access to XMLHttpRequest at http:XXX from origin http:XXX has been blocked by CORS policy: No Access-Control-Allow-Origin header is present on the requested reso 在使用AJAX的时候，如果出现这种报错的时候，可以把编译工具重启一下试试，我弄了半天重启下Vscode就可以了 ...
Ajax请求跨域问题及其解决方案
qq_51546137的博客
03-02 2704
我们的传统请求，比如说超链接、form表单，js代码以及直接在浏览器地址栏上写请求地址都不存在跨域问题，能够从一个网站访问另外一个网站，但是我们的Ajax请求会存在跨域问题，其主要是为了解决跨域访问带来的安全隐患。因为浏览器中有一个内置对象XMLHTTPRequest。这个对象是每个网站不共享的，因此不能直接跨域，这样设计是合理的，因为一旦共享该对象，这个对象有一个responseTest属性，那么你的网站就能通过该对象的这个属性拿到我的网站里面的信息，这是不安全的，因此Ajax不能直接跨域。
jQuery 利用$.ajax 时获取原生XMLHttpRequest 对象的方法
01-19
//获取file对象 即相当于可以直接post的$_FILES数据 var domFile = $(this)[0].files[0] var domForm = $('#testForm')[0] //将form对象直接作为参数 new FormData对象 var formData = new FormData(domForm); //...
Jquery中$.post和$.ajax的用法小结
01-19
Jquery的$.ajax的用法： jQuery.ajax( options ) : 通过 HTTP 请求加载远程数据，这个是jQuery 的底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。 $.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况...
Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结
12-10
详细解读Jquery各Ajax函数： $.get(),$.post(),$.ajax(),$.getJSON() 一，$.get(url,[data],[callback]) 说明：url为请求地址，data为请求数据的列表，callback为请求成功后的回调函数，该函数接受两个参数，第一个...
ajax测试报错Access to XMLHttpRequest at '' from origin '' has been blocked by CORS policy: No 'Access-Co
icebns的博客
08-27 9023
报错全文：Access to XMLHttpRequest at 'http://localhost:8080/' from origin 'http://127.0.0.1:8848' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resou...
Ajax跨域时出现Access to XMLHttpRequest at *** from origin *** has been been blocked by CORS policy
缚己
01-08 1万+
问题截图 发送 ajax 时出现如下错误： Access to XMLHttpRequest at 'localhost:3000/' from origin 'http://localhost:3000' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome-extension, edge, https, chrome-untru
Access to XMLHttpRequest at ‘http://xx‘ from origin ‘http://xx‘ has been blocked by CORS policy:
记录知识、锤炼自我
09-30 5万+
问题场景 错误信息： Access to XMLHttpRequest at 'http://localhost:9090' from origin 'http://localhost:9090' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. 翻译：【在http://localhost:9090对http://localhos
Ajax跨域请求时出现Access to XMLHttpRequest at 'xxx' from origin 'xxx' has been been blocked by CORS policy
一花一世界
09-19 6万+
Ajax请求报错，出现如下错误： Access to XMLHttpRequest at 'localhost:8888/register' from origin 'http://localhost:8080' has been blocked by CORS policy: Cross origin requests are only supported for protocol scheme...
Access to XMLHttpRequest at 'XXX' from origin 'XX' has been blocked by CORS policy: No 'Access-Contr
weixin_43180463的博客
11-19 1071
Access to XMLHttpRequest at ‘XXX’ from origin ‘XX’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present o AJAX 跨域请求解决方法； 这个问题折腾了很久，有些建议说在浏览器的后面加 –allow-file-access-from-...
ajax出现Access to XMLHttpRequest at “ “from origin ‘null‘ has been blocked by CORS policy:
m0_52007955的博客
05-20 2929
一、在服务端加上响应头response.setHeader('Access-Control-Allow-Origin','*'); 简单允许跨源。 二、请求的路径没有完整。完整的路径 HTTP://127.0.0.1/端口号/文件路径。 三、请求方式在服务端没有相应的响应代码。比如post请求，服务端要有post响应。 上面都没问题，相信你也解决了，觉得对你有用，帅哥美女点个赞吧！ ...
ajax跨域请求问题：Access to XMLHttpRequest at……has been blocked by CORS policy: Cross origin requests
weixin_52856526的博客
12-21 1960
背景：本地代码调试时，加载本地资源正常，jquery的AJAX请求服务端资源报错。 Access to XMLHttpRequest at '***** ’ from origin ‘null’ has been blocked by CORS policy: Cross origin requests. 报错信息：跨域请求已被CORS策略阻止。 CORS：Cross-origin resource sharing ，跨域资源共享。 报错原因：出于安全性，浏览器的同源策略限制脚本内发起跨源Http请求。
ajax请求resource文件Access to XMLHttpRequest at 'file:'
weixin_44924173的博客
04-23 2万+
error: jsPractise.html:24 Access to XMLHttpRequest at ‘file:///E:/…’ from origin ‘null’ has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chro...
前后端分离跨域问题：Access to XMLHttpRequest at http://xxx.xxx from origin ‘http:....
weixin_44773752的博客
04-01 9524
解决前端使用ajax访问后端出现的跨域问题：Access to XMLHttpRequest at http://xxx.xxx from origin ‘http://localhost:8000’ has been bl… //后端Controller添加@CrossOrigin注解 @CrossOrigin(origins = "*",maxAge = 3600) @RestController public class testController { @GetMapping("/get
前端跨域问题的解决方案Access to XMLHttpRequest at ‘http..’ from origin ‘null‘ has been blocked by CORS policy
热门推荐
weixin_40756509的博客
03-25 25万+
前言： 在前端发出Ajax请求的时候，有时候会产生跨域问题，报错如下: Access to XMLHttpRequest at 'http://127.0.0.1/api/post' from origin 'null' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. 针对以上问题，本文提供两种解决方案，CORS中间件和JSO
vue跨域问题解决:Access to XMLHttpRequest at
最新发布
10-11
在Vue中解决跨域问题有几种方法。以下是其中两种常用的方法： 1.在后端配置允许跨域访问：在后端服务器上设置响应头来允许跨域请求。对于使用Node.js的Express框架，可以使用cors模块来实现。安装cors模块并在后端代码中添加以下代码： ```javascript const express = require('express'); const cors = require('cors'); const app = express(); app.use(cors()); // 其他路由和中间件 app.listen(3000, () => { console.log('Server started on port 3000'); }); ``` 2.使用代理解决跨域问题：在Vue项目的配置文件（vue.config.js或者nuxt.config.js）中配置代理来解决跨域问题。在该文件中添加以下代码： ```javascript module.exports = { devServer: { proxy: { '/api': { target: 'http://api.example.com', // 后端接口的地址 changeOrigin: true, pathRewrite: { '^/api': '' } } } } } ``` 上述代码将所有以`/api`开头的请求代理到`http://api.example.com`，并且将路径中的`/api`去掉。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值