程序员经验分享-hwhale

ajax调用产生Access-Control-Allow-Origin错误

2023-05-16

刚到新公司在现有界面增加功能时遇到的坑：

  1. ajax调用接口返回了405，发现入参串的json格式数据有问题，后台发生错误，修改入参后继续调用。
  2. 发现还是调用不通，直接在浏览器输入后发现，不支持get请求访问。使用postman工具调用接口发现可以调用成功。继续查看浏览器日志。
  3. 浏览器console发现如下错误：No 'Access-Control-Allow-Origin' header is present on the requested resource，发现是发生了跨域。
  4. jsonp解决跨域的原理是将post请求使用callback调用，利用回调函数将请求发送到后台，如果此时后台服务器不支持get请求，还是会访问不通。

考虑在服务器端进行处理：在服务器端的filter或者servlet里面添加 response.setHeader("Access-Control-Allow-Origin", "*")；在后台进行处理，这时接口可以正常调用了。

在处理问题的时候发现有几位大佬的博客还是蛮不错的，贴在下面供大家参考。

  • https://segmentfault.com/a/1190000012469713
  • https://segmentfault.com/a/1190000011145364
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

AJAX

Access

control

Allow

origin

ajax调用产生Access-Control-Allow-Origin错误 的相关文章

  • Ajax.BeginForm 路由到新页面而不是部分视图

    我有一个 Ajax BeginForm 调用 它应该返回部分视图 但将页面重新路由到操作 关于哪里出了问题有什么想法吗 这是我想要在其上呈现部分视图的主页上的代码 div class col md 6 using Ajax BeginFor

  • 在ajax上下文中使flask中的会话过期

    我在用permanent session lifetime在一段时间不活动后使用户会话过期 问题是 这个请求是通过 ajax 发出的 所以我无法在 ajax 上下文中以 Flask 的正常行为进行重定向 http xxxx login ne

  • Ajax.ActionLink 和确认对话框

    我有一些问题 Ajax ActionLink 我想显示确认对话框 是的 我知道我可以这样做 Ajax ActionLink Do it Delete new AjaxOptions Confirm Are you sure 但我想要有自己的

  • 如何在twitter首页制作像热门推文那样的滚动新闻？ (php)

    我想让一个网站使用 wp 并且我想在 twitter 主页中添加滚动新闻 例如热门推文 当自定义在我的页面的每个部分发布新回复时 新主题将显示在该滚动新闻部分中 它们都来自数据库的最新10条 怎么做 谢谢 使用 Jquery 您可以使 di

  • Ajax 中 POST 数据大小有限制吗？

    我正在尝试使用 jQuery Ajax 将一组数据从我的页面发送到 MVC 操作 这是我的 jQuery 代码 btnSave click function result tblMatters tbody tr mattersRow eac

  • 在 Django 中 AJAX 发布后重定向

    我使用 Django 的内置 DeleteView 并为success url属性 现在在我的模板中 我通过 JQuery 的 post 方法触发此视图 当该项目被删除时 我不会被重定向到success url 经过一番查找 发现好像是AJ

  • 两个 $.post 请求一个接一个。第二个 $.post 请求未执行

    我有一个 javascript 函数 其中有两个 post 请求 两个 post 请求都应该被执行 但有时 第二个 post 请求不会被执行 这可能是什么原因 post 是 ajax 结构的缩写形式 我通常更喜欢使用 ajax 结构因为 更

  • 会话变量从 while 循环发送特定变量

    我有这个简单的while 循环它从 mysql 查询中检索数据并在我的主页上显示几个链接 我想避免使用 php get 函数并将查询字符串添加到我的网址中 我正在考虑使用会话变量 但我需要帮助 而且我很确定这是无法完成的 当访问者单击 wh

  • Chrome 扩展程序网址匹配模式：为什么规则不适用于 Google.com？

    我正在制作一个扩展来自定义 Google 的主页背景 所以我在清单中编写了一些匹配规则 如下所示 content scripts matches https www google com http www google com js sta

  • 使用 javascript 而非 jQuery 的简单 ajax 表单

    我正在使用一个表单 其标记我无法更改且无法使用 jQuery 目前 该表单将结果发布到新窗口 是否可以将其更改为 ajax 表单 以便在提交时显示结果而不更改任何标记 将结果 标记 从结果页面拉回到表单页面 这是表单的标记

  • AngularJS，使用没有后退按钮刷新的路由

    我在用着angularJS使用 AJAX 构建一个简单的单页应用程序 但是当用户使用本机后退按钮时我遇到了问题 angular module myApp ionic myApp controllers myApp services conf

  • onchange 使用 radioChoice 获取当前值

    我尝试使用 radioChoice onChange 从无线电表单中获取选定的值 但似乎无法真正找到解决方案 onEvent 函数被调用 但从这里我不太确定如何获取该值 Code RadioChoice

  • jquery ajax错误回调

    我在这里需要一些建议或者一些解释 我有一个 jquery ajax 调用 ajax type GET url base url ajax fetch counts dataType json data error function xhr

  • f:ajax 不工作

    我很难得到f ajax从事某项工作h panelGroup 这就是我正在做的 JSF 代码

  • 如何过滤 jQuery.ajax() 返回的数据？

    当使用jQuery ajax 方法中 我正在努力过滤返回的数据以获取我所需要的数据 我知道这很容易使用 load 可能还有其他 jQuery AJAX 方法 但我需要使用 ajax 具体来说 例如 我知道这是可行的 var title da

  • Wicket：并发 Ajax 请求仅限于一个？

    情况 在我的 Wicket 应用程序中 我有一个包含两个标签的页面 每次选择一个选项卡时 都会通过 Ajax 获取其内容 以便每次切换到不同的选项卡时 都会从服务器新鲜加载其内容 在其中一个选项卡上 我有一个输入字段 其中有一个 onblu

  • 创建动态多维对象/数组

    我正在尝试使用 JS 创建一个多维数组 以便我可以通过 Ajax 调用 PHP 来发布一些数据 这可能很简单 但我对 JS 的了解很少关于这个具体的事情 这是带有代码的 JSFiddle http jsfiddle net k5Q3p 我想

  • 从 HTTP 登录到 HTTPS

    我的网站默认使用 HTTP 我确实有一个启用 HTTPS 的证书 但只有其上的某些区域强制建立安全连接 登录是通过 Ajax 处理的 我想开始使用 SSL 即使请求来自 HTTP 我尝试强制请求的地址具有 HTTPS 并且它完美地回复 然而

  • 简单的 AJAX 示例 - 从 txt 文件加载数据

    我正在尝试编写一个基本的 AJAX 教程 将文件 hello txt 中的数据读取到我的网页中 hello txt和我当前的html网页位于同一目录中 有谁知道我做错了什么 当我加载页面时什么也没有发生

  • 使用 jQuery 从 CKEditor 的 iframe 中获取内容

    我有一个自定义编写的 CMS 它使用CKEditor http ckeditor com FCKEditor v3 用于编辑内容 我也在使用jQuery 验证 http bassistance de jquery plugins jquer

随机推荐

  • Windows10 WSL2磁盘迁移

    一 使用 WSL 命令行工具 在 Windows 10 版本 1903 xff08 2019 年 4 月更新 xff09 或更高版本中 xff0c 您可以使用wsl exe命令行工具 1 导出分布 使用要移动的分发创建一个 tar文件wsl

  • linux下搭建confluence

    一 Java环境 java环境 二 mysql 2 1 安装前的检查和准备工作 2 1 1检查 1 是否安装过mysql xff1a rpm qa grep mysql 2 如果有的话 xff0c 就删除 xff08 XXXX是自己的mys

  • 译：SOME/IP 技术细节

    译 xff1a SOME IP 技术细节 原文 SOME IP technical details SOME IP Scalable service Oriented MiddlewarE over IP 基于 IP 可扩展面向服务中间件

  • Python requests_toolbelt的使用

    multipart form data Encoder The main attraction is a streaming multipart form data object MultipartEncoder Its API looks

  • ArchLinux中文安装教程

    以自己的电脑安装为参考 xff0c 已安装win10系统 最后效果为win10和arch双系统 xff01 xff01 xff01 一 准备工作 1 按照实际需要划分出一部分空闲磁盘空间 xff0c 右击想要安装arch的分区点击删除卷 x

  • C++20 范围库：关键优势——算法的组合

    从概念上讲 xff0c 范围 xff08 Range xff09 是一个简单的概念 xff1a 它只是一对迭代器 指向序列的开始和结束 xff08 在某些情况下是一个哨兵 xff09 然而 xff0c 这样的抽象却可以从根本上改变编写算法的

  • Drupal菜鸟笔记之使用Focal Point 模块实现图片压缩与裁剪

    在项目开发中总是有地方需要上传图片 xff0c 因此也常常需要对图片进行压缩与裁剪来达到我们想要的效果 最近项目中刚好要用到 xff0c 我就去搜索了 解了下图片的压缩与裁剪模块 xff0c 最后选择了 Focal Point Focal

  • Linux系统学习——ubuntu16.04开机蓝屏问题

    1 蓝屏原因 由于频繁地强制关机等原因造成 xserver xorg包出现损坏 xff0c 故在开机时屏幕显示出现问题 1 1 顺便提一下 xorg xorg 我们知道 xff0c Linux内核本身是没有图形化界面的 xff0c 其本身是

  • 最小生成树 Kruskal算法 Prim算法 洛谷P3366

    最小生成树 Kruskal算法 Prim算法 洛谷P3366 相较于Prim算法 xff0c 我觉得Kruskal算法更优 xff08 因为一般情况 xff0c 题目给你的边数都是正常的 xff0c Kruskal算法的时间复杂度为O El

  • 13. 罗马数字转整数

    题目 罗马数字包含以下七种字符 xff1a I xff0c V xff0c X xff0c L xff

  • 【转载】重新安装Anaconda卡在Loading applications无法进入

    我出现这个问题的原因是 xff1a 之前安装Anaconda没在系统添加路径 xff0c 虽然可以正常使用Pycharm xff0c 但Visual Studio Code 不能调用python 因此在胡老师帮助下 xff0c 决定卸载原来

  • C++语法（三）string字符串的输入、拼接、删除、查找、截取、比较、遍历

    1 字符串的输入 1 输入不含空格的字符串 string str cin gt gt str 2 输入包含空格的字符串 string str 如果前面有了cin输入 xff0c 则还需添加如下一句 getchar getline cin s

  • Python的坑（4） -- 【if x:】的含义

    原文链接 xff1a http www liaoxuefeng com wiki 0014316089557264a6b348958f449949df42a6d3a2e542c000 001431675624710bb20e9734ef34

  • 交叉编译 acl

    交叉编译 acl 概述 访问控制列表 xff08 Access Control Lists xff0c ACL xff09 是应用在路由器接口的指令列表 在 Linux 系统中 xff0c ACL 用于设定用户针对文件的权限 xff0c 而

  • 使用xrdp实现windows 远程桌面连接linux

    之前一直用mstsc连接windows主机 xff0c 今天想用此来连接linux主机时 xff0c 发现 连接不了 xff01 xff01 与度娘亲热好久之后 xff0c 分享一篇博客给大家 xff1a 传送门 一般情况下我们用ssh客户

  • 【51单片机】定时器的简单应用——计时器

    一 定时器 stc89c52 具有三个定时器 xff08 T0 T1 T2 xff09 xff08 1 xff09 T0 T1均有四种模式 最常用模式1 xff08 2 xff09 定时器模式1工作框图 SYSclk xff08 系统时钟

  • 【51单片机】直流电机的驱动和PWM调速

    51单片机驱动直流电机与 PWM 调速是通过使用 51 单片机来控制直流电机的转速和方向 51 单片机通过控制电机的电流来实现驱动 xff0c 并通过生成 PWM 信号来调节电机的转速 使用 PWM 调速可以使得直流电机的转速精确可控 xf

  • vscode中安装 gotests gomodifytags impl goplay dlv staticcheck gopls时一直失败问题记录

    在VScode中配置golang环境时 xff0c 在我电脑设置了代理的情况下 xff0c 安装上面几个go的工具时 xff0c 一直提示失败 xff1a Installing golang org x tools gopls 64 lat

  • 计算机应用投稿经验

    计算机应用 正刊录用 xff0c 1月13日到3月14日共历时2个月 收稿 编辑部 2022 01 13 2022 01 13 2022 01 13 收审读费 编辑部 2022 01 13 2022 02 12 2022 01 18 初审

  • ajax调用产生Access-Control-Allow-Origin错误

    刚到新公司在现有界面增加功能时遇到的坑 xff1a ajax调用接口返回了405 xff0c 发现入参串的json格式数据有问题 xff0c 后台发生错误 xff0c 修改入参后继续调用 发现还是调用不通 xff0c 直接在浏览器输入后发现

热门标签