原生ajax crossO,Ajax问题,求助

var oTab = document.getElementById("tab"); //保证是title

var tHead = oTab.tHead; //title下获取thead的特有方法

var oThs = tHead.rows[0].cells; //title下获取thead下第一行的所有单元格的特有方法

var tBody = oTab.tBodies[0]; //title下获取第一个tbody的方法

var oRows = tBody.rows; //title下获取tbody下所有行的方法

//-->1首先获取后台data.txt中的数据"JSON格式的字符串"-->Ajax(async javascript and xml)

//1)创建一个Ajax对象

var xhr = new XMLHttpRequest;

//2)打开需要请讲数据的那个文件地址

xhr.open("get", "json/data.txt", true);

//3)监听请求状态

xhr.onreadystatechange = function () {

if (xhr.readyState === 4 && /^2\d{2}$/.test(xhr.status)) {

var val = xhr.responseText;

console.log(val);

}

};

//4)发送请求

xhr.send(null);

提示以下错误怎么解决?:Access to XMLHttpRequest at 'file:///C:/Users/Administrator/Desktop/zuoye/%E7%8F%A0%E5%B3%B0%E7%BB%83%E4%B9%A0/vip/%E8%AF%BE%E6%97%B631-36%E5%AE%9E%E6%88%98%E7%AC%91%E5%82%B2%E6%B1%9F%E6%B9%96/json/data.txt' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.

原生ajax crossO,Ajax问题,求助相关推荐

原生js实现Ajax，JSONP
Ajax内部的几个执行步骤创建XMLHttpRequest对象(new XMLHttpRequest()) 设置请求头(setRequestHeader) 连接服务器(open()) 设置回调(on ...
转载:原生JavaScript实现Ajax
//原生js写ajax就像打电话 //打电话分下面4步 //1.拿出手机 //2.拨号 //3.说话 //4.听对方说话 //ajax也分下面4步 //1.创建ajax对象 //2.连接到服务器 // ...
原生JS写Ajax的请求函数
本文主要介绍了如何通过原生JavaScript封装ajax请求,文中给出了具体的实现代码和详细的解释,希望对你有所帮助. 一.JS原生Ajax ajax:一种请求数据的方式,不需要刷新整个页面: aj ...
使用原生js写ajax
// 使用原生js 封装ajax // 兼容xhr对象 function createXHR(){if(typeof XMLHttpRequest != "undefined"){ ...
原生JS封装ajax以及request
一.封装原生的xhr为ajax类 xhr以及用法见之前的文章 1.根据url确定请求的头部以及别的信息. var _headerConfig = {};if(url.indexOf('getcaptc ...
AJAX初识(原生JS版AJAX和Jquery版AJAX)
一.什么是JSON 1.介绍JSON独立于语言,是一种与语言无关的数据格式.JSON指的是JavaScript对象表示法(JavaScript Object Notation)JSON是轻量级的文本数 ...
一、AJAX学习笔记——原生AJAX （ajax简介、XML简介、ajax优缺点、ajax的使用）
第 1 章:原生 AJAX 1.1 AJAX 简介 AJAX 全称为 Asynchronous JavaScript And XML,就是异步的 JS 和 XML. 通过 AJAX 可以在浏览器中向服 ...
Ajax工作原理和原生JS的ajax封装
前言: 之所以用ajax作为博客的开篇,是因为无论从ajax的出现还是从它的作用上来说,ajax对于前端无疑是意义重大的.甚至可以说,是ajax带来了前端这个行业.当然,历史并不能说明当下,曾经的辉煌 ...
java原生的ajax怎么写,用原生js实现 ajax方法
原标题:用原生js实现 ajax方法作者介绍:咔拉宝宝前端工程师,致力于首个情景式购物商城咔拉商城的前端搭建,在咔拉职场栏目作为程序猿担当,与读者朋友们共同探讨前端开发的那些事. 一.ajax介绍: ...

原生ajax crossO,Ajax问题,求助

原生ajax crossO,Ajax问题,求助相关推荐

最新文章

热门文章