原生JS的xhr方法返回responseText的问题

最新推荐文章于 2024-07-16 13:53:09 发布

转载

最新推荐文章于 2024-07-16 13:53:09 发布 · 2.1k 阅读

2 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/metalmonster/p/7513078.html

文章标签：

#javascript #json #面试 #ViewUI

本文记录了一次面试中遇到的原生JavaScript处理xhr返回的responseText问题。作者在尝试直接使用responseText时发现无法正确操作数据，通过console.log发现数据是字符串而非对象。在尝试JSON.parse()和jQuery的$.ajax方法后仍未能解决问题。最终，通过搜索找到了使用eval()解决该问题的方法，但作者认为原生实现仍有挑战，决定暂时使用jQuery完成任务。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这一篇主要是记录作用，起因是昨天看到邮箱里有一封上周的邮件，被淹没在了一堆垃圾邮件里，哈哈。这封邮件是一家IT公司发来的面试题，最近是有在投简历找工作啦，不过一般都是电话先聊聊，然后再约上门的，直接上邮件的，我还是第一次见。

邮件的内容大概就是：我们的需求是xxxxxxx，交互接口ajax是xxxxxx，xxxx,要做单手机版页面，请完成后将文件发回到此邮箱，如果满意的话会再邮箱通知。

本来我是不想理会的，但是想想需求又不难，之前也没做过手机版的，而且现成的接口都给了，就拿来利用利用练练手。

好了，直接说回我的主题，写好页面模板，直接先跳过css，去js里写逻辑的时候，我想了想，既然是面试，肯定要考原生js的，那我就干脆一点框架都不用，结果。。问题就来了。

照例写

xhr.onreadystatechange = function(){
    if(xhr.readyState === 4){
        if(xhr.status == 200){
            return xhr.responseText;
        }
    }
}

结果进行到responseText这一步的时候懵逼了，本来我的意图是直接return 当参数的（似曾相识jQuery的套路），结果不对，我发现这个onreadystatechange只是封装的啊，而且还是自动调用这个方法的，看来return回去的想法我