Chrome 浏览器不支持本地 AJAX 请求问题

当我们学习AJAX,写一些简单的demo ,在浏览器演示时,可能会遇到这样的问题

错误提示中表示:跨域请求只支持协议:http,data,Chrome,chrome-extenson,https.

部分浏览器(Firefox),支持file下的ajax请求,

解决方法:

鼠标右键点击Chrome快捷方式--点击最下面的属性--选择快捷方式--在“目标”路径最后面加上” --allow-file-access-from-files”(--allow前有一个空格)--最后点击应用

重新打开浏览器  再次运行即可。

 


  • 0
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,以下是一个简单的Chrome浏览器插件,用于向指定的API发送Ajax请求并将返回结果显示在浏览器界面中: manifest.json文件: ```json { "name": "Ajax Request Plugin", "version": "1.0", "description": "This plugin sends Ajax requests and displays the response", "manifest_version": 2, "permissions": [ "http://localhost/*", "https://localhost/*", "http://example.com/*", "https://example.com/*", "activeTab" ], "background": { "scripts": ["background.js"], "persistent": false }, "browser_action": { "default_popup": "popup.html" } } ``` popup.html文件: ```html <!DOCTYPE html> <html> <head> <title>Ajax Request Plugin</title> <script src="popup.js"></script> </head> <body> <h1>Ajax Request Plugin</h1> <form> <label for="url">URL:</label> <input type="text" id="url" name="url" /><br /> <label for="method">Method:</label> <select id="method" name="method"> <option value="GET">GET</option> <option value="POST">POST</option> </select><br /> <label for="data">Data:</label> <textarea id="data" name="data"></textarea><br /> <input type="button" id="send" value="Send" /> </form> <div id="response"></div> </body> </html> ``` popup.js文件: ```javascript document.addEventListener("DOMContentLoaded", function() { var sendButton = document.getElementById("send"); var responseDiv = document.getElementById("response"); sendButton.addEventListener("click", function() { var url = document.getElementById("url").value; var method = document.getElementById("method").value; var data = document.getElementById("data").value; var xhr = new XMLHttpRequest(); xhr.open(method, url, true); xhr.setRequestHeader("Content-Type", "application/json"); xhr.onreadystatechange = function() { if (xhr.readyState == 4 && xhr.status == 200) { responseDiv.innerHTML = xhr.responseText; } }; xhr.send(data); }); }); ``` 以上代码中,popup.html是浏览器插件的界面,包含了一个表单用于输入请求的URL、请求方法、请求数据以及一个发送按钮。当用户点击发送按钮时,会触发popup.js中的事件处理函数,创建一个XMLHttpRequest对象,使用指定的URL、方法和数据发送Ajax请求,并将返回结果显示在responseDiv元素中。需要注意的是,插件需要在manifest.json文件中声明所需的权限,否则会限制插件的功能和使用范围。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值