首页 > 我在菜鸟教程学ajax ,有些例子的值是传入一个文件,我也找不到这个文件在哪?

我在菜鸟教程学ajax ,有些例子的值是传入一个文件,我也找不到这个文件在哪?

xmlhttp.open("GET","/try/ajax/ajax_info.txt",true);

你看这个,用Get方式传了一个或者一群值,存在了/ajax_info.txt 里,这个文件我本来觉得应该被下载到了我的浏览器缓存,我在我的系统里,搜这个文件,我也找不到.请问我怎么看这个文件里面写的什么?


ajax获取的文本数据在浏览器缓存里,可是一般不是同名的文件,你想要看就打开开发者工具F12 看Network面板里的ajax请求


我想你应该学过了计算机基础/HTML基础, 这是一个相对路径.自然完整的路径就是
http://www.runoob.com/try/ajax/ajax_info.txt

第二种方法可以通过控制台查看network:


看你写了.open方法,应该是写的原生xhr,xhr2中,使用nex XMLHttpRequest()创建一个xhr对象,xhr.open()开启一个请求,使用xhr.send()发送请求,然后请求的结果可以在xhr.response或者xhr.responseText中获取。

xhr.onload = function(){
    if(xhr.status === 200){
        console.log(xhr.response, xhr.responseText)
    }
}

楼主我觉得你可能理解错了ajax的基本作用了。

你看这个,用Get方式传了一个或者一群值,存在了/ajax_info.txt 里这个文件我本来觉得应该被下载到了我的浏览器缓存,我在我的系统里,搜这个文件,我也找不到.请问我怎么看这个文件里面写的什么?

其实ajax是用来请求数据的,而不是用来写数据的.

比如下面这个封装好的ajax方法

function ajax(method, url, data, success) {
    var xhr = null;
    try {
        xhr = new XMLHttpRequest();
    } catch (e) {
        xhr = new ActiveXObject('Microsoft.XMLHTTP');
    }
    
    if (method == 'get' && data) {
        url += '?' + data;
    }
    
    xhr.open(method,url,true);
    if (method == 'get') {
        xhr.send();
    } else {
        xhr.setRequestHeader('content-type', 'application/x-www-form-urlencoded');
        xhr.send(data);
    }
    
    xhr.onreadystatechange = function() {
        
        if ( xhr.readyState == 4 ) {
            if ( xhr.status == 200 ) {
                success && success(xhr.responseText);
            } else {
                alert('出错了,Err:' + xhr.status);
            }
        }
        
    }
}

假设ajax_info.txt文件里面存的内容是hello world

有下面的调用方式

ajax('get', '/try/ajax/ajax_info.txt', function(data){
  console.log(data); // 'hello world'
})
【热门文章】
【热门文章】