jsonp 读取本地文件

最新推荐文章于 2024-08-17 23:14:52 发布

jiaoshuaiai

最新推荐文章于 2024-08-17 23:14:52 发布

阅读量5.3k

点赞数 2

分类专栏： ajax 文章标签： jsonp javascript ajax

本文链接：https://blog.csdn.net/jiaoshuaiai/article/details/71747918

版权

本文介绍了jsonp的基本概念，并通过示例展示了如何使用jsonp从本地读取和跨域访问百度搜索数据。在跨域访问时，强调了如何获取并构造请求URL，以及回调函数的作用。

摘要由CSDN通过智能技术生成

想自己用 js写一个原生的ajax请求，访问本地文件，json/txt。但是demo，写了一个后，发现

原来是跨域了。

js 写的原生ajax 请求代码如下

html代码

<div id="myDiv">将获取的txt 文件 展示出来</div>


<button type="button" οnclick="loadX()">通过 AJAX 改变内容</button>

js 代码

function loadX (){

        /* 老版本的 Internet Explorer （IE5 和 IE6）使用 ActiveX 对象：
        variable=new ActiveXObject("Microsoft.XMLHTTP");
        为了应对所有的现代浏览器，包括 IE5 和 IE6，请检查浏览器是否支持 XMLHttpRequest 对象。
        如果支持，则创建 XMLHttpRequest 对象。如果不支持，则创建 ActiveXObject ：*/


        var xmlhttp;
        if(window.XMLHttpRequest){
            xmlhttp = new XMLHttpRequest();     //IE7，FireFox,Chrome,OPera,Safari
        }else{
            xmlhttp = new ActiveXobject('Microsoft.xmlHTTP');  // IE6，IE5
        }   


           /* 属性 描述
            onreadystatechange 存储函数（或函数名），每当 readyState 属性改变时，就会调用该函数。
            readyState      存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。
                            0: 请求未初始化
                            1: 服务器连接已建立