Access to XMLHttpRequest at 'http://localhost:9999/user/login' from origin 'http://localhost:8888' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

时间: 2023-07-09 09:52:15 浏览: 225

[js]轻便的XMLHttpRequest应用函数：downloadUrl()

`downloadUrl()` 函数是一个轻量级的 JavaScript 实现，用于执行 HTTP 请求，特别是与服务器进行数据交互。这个函数利用了浏览器内置的 `XMLHttpRequest` 对象或在旧版本的 Internet Explorer 中使用的 ActiveXObject 来实现异步通信。以下是关于 `downloadUrl()` 函数的详细解释： 1. **参数说明**： - `url`：必填参数，表示请求的目标 URL。 - `callback`：回调函数，当请求完成并接收到响应后，会调用此函数。回调函数有两个参数：`data` 和 `responseCode`。`data` 是服务器返回的数据，通常为 `responseText`；`responseCode` 是服务器响应的状态码，对应 `XMLHttpRequest` 的 `status` 属性。 - `data`（可选）：如果使用 POST 方法发送数据，此参数用于传递要发送的数据。如果使用 GET 方法，可以忽略此参数。 2. **用法**： - **用法一**：直接将回调函数作为参数传递。例如： ```javascript downloadUrl('http://www.ugia.cn/wp-data/test.htm', function (data, responseCode) { alert(data); // 在这里处理返回的数据 }); ``` - **用法二**：预先定义回调函数，然后在调用 `downloadUrl()` 时传入。例如： ```javascript function test(data, responseCode) { alert(data); // 在这里处理返回的数据 } downloadUrl('http://www.ugia.cn/wp-data/test.htm', test); ``` 3. **源代码分析**： - 函数首先检查 URL 是否包含问号 (`?`)，如果包含，则添加 `&`，否则添加 `?`，以便附加查询参数。 - 接下来，函数生成一个随机字符串，以避免缓存问题。在 URL 后添加此随机字符串。 - 如果没有指定 `data` 参数，则将其设置为 `null`。这将决定是使用 GET 还是 POST 方法。 - 函数创建 `XMLHttpRequest` 对象，对于不支持 `XMLHttpRequest` 的旧版 IE 浏览器，它会尝试创建一系列的 ActiveXObject。 - 随后，函数设置请求方法（GET 或 POST），并根据方法设置请求头，例如，对于 POST 请求，设置 `Content-Type` 为 `'application/x-www-form-urlencoded; charset=UTF-8'`。 - 函数调用 `open()` 方法打开连接，然后使用 `send()` 方法发送请求。由于是异步请求，所以 `downloadUrl()` 函数不会阻塞其他代码的执行，直到服务器响应并调用回调函数。 `downloadUrl()` 函数的核心价值在于它的简洁和易用性，对于简单的数据交换任务，它提供了一种无需依赖外部库的解决方案。然而，对于更复杂的场景，如处理跨域问题、错误处理、超时设置等，可能需要使用更全面的库，如 jQuery、axios 或 fetch API。但作为基础工具，`downloadUrl()` 易于理解和使用，尤其适合快速原型开发或对性能要求不高的项目。

这是一个CORS（跨来源资源共享）的错误。浏览器会阻止从一个域名下发出的跨域请求。在这种情况下，您的前端代码是在 localhost:8888 上运行的，但是您尝试从 localhost:9999 上请求数据。因为这两个域名不同，所以浏览器会阻止该请求。解决这个问题的方法是在服务器端设置CORS头，以允许来自其他域名的请求。在您的情况下，您需要在 localhost:9999 上的服务器端设置 'Access-Control-Allow-Origin' 头，将其设置为 'http://localhost:8888'。这将允许来自 localhost:8888 上的请求访问您的服务器。

阅读全文

Access to XMLHttpRequest at 'http://localhost:9999/user/login' from origin 'http://localhost:8888' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

相关推荐

XMLHttpRequest_test:XMLHttpRequest学习代码

Weather.zip_JavaScript/JQuery_JavaScript_

Access to XMLHttpRequest at 'http://localhost:8082/api/user/login' from origin 'http://localhost:9527' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource

Access to XMLHttpRequest at 'http://localhost:3000/login' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

:8080/#/axios:1 Access to XMLHttpRequest at 'http://localhost:8888/addStu' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Access to XMLHttpRequest at 'http://localhost:88/api/sys/menu/nav?t-1685520551741' from origin 'http://localhost:8001' has been blocked by CORS policy: The 'Access-Control-Allow-Origin' header contains multiple values 'http://localhost:8001, http://localhost:8001', but only one is allowed.

Access to XMLHttpRequest at 'http://localhost:9091/User/findByPage/1' from origin 'http://localhost:65128' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Access to XMLHttpRequest at 'http://localhost:8080/admin/login' from origin 'http://localhost:8082' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the

Access to XMLHttpRequest at 'http://localhost:3000/mysql' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Access to XMLHttpRequest at 'http://localhost:3000/product' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Access to XMLHttpRequest at 'http://localhost:8080/poi/list' from origin 'http://localhost:8081' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

XMLHttpRequest at 'http://localhost:8080/user/register' from origin 'http://localhost:5175' has been blocked by CORS policy:

Access to XMLHttpRequest at 'http://localhost:8001/knowledgeGraph/personRelation/findAdjacentRelationAndNodeByName/' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested r

Access to XMLHttpRequest at 'http://10.13.5.25:8000/api/v1/workspaces/list' from origin 'http://localhost:8081' has been blocked by CORS policy

:5173/#/login:1 Access to XMLHttpRequest at 'http://127.0.0.1:8000/login/register' from origin 'http://localhost:5173' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Access to XMLHttpRequest at 'http://192.168.1.6:3002/accounts/login/' from origin 'http://localhost:8081' has been blocked by CORS

localhost/:1 Access to XMLHttpRequest at 'http://localhost:8080/zc-main/api/screen/baseInfoCountII' from origin 'http://localhost' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

最新推荐

【java毕业设计】校内跑腿业务系统源码（springboot+vue+mysql+说明文档）.zip

【java毕业设计】大学志愿填报系统源码（springboot+vue+mysql+说明文档）.zip

基于java的网吧管理系统答辩PPT.pptx

Aspose资源包：转PDF无水印学习工具

管理建模和仿真的文件

【R语言高性能计算秘诀】：代码优化，提升分析效率的专家级方法

在构建视频会议系统时，如何通过H.323协议实现音视频流的高效传输，并确保通信的稳定性？

Go语言控制台输入输出操作教程

"互动学习：行动中的多样性与论文攻读经历"

【R语言机器学习新手起步】：caret包带你进入预测建模的世界