ajax的responseText返回值长度问题

关于ajax的reponseText的返回问题，我们在测试的时候发现，当按照下面代码运行的时候，程序会出现错误：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        var test=new XMLHttpRequest();
        test.open("get","test.php",true);
        test.send(null);
        test.onreadystatechange=function(){
            if(test.readyState == 4 && test.status == 200){
                var num=test.responseText;
                if(num == "1"){
                    alert("成功");
                }
            }
        }
    </script>
</body>
</html>

当打印num的长度时，显示的长度与实际返回的字符串长度不符合，这是因为返回的值最开始有“”然后才是html页面显示的内容，，所以需要相等匹配的话，就需要把返回值进行substr，把前后的空白截取掉。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        var test=new XMLHttpRequest();
        test.open("get","test.php",true);
        test.send(null);
        test.onreadystatechange=function(){
            if(test.readyState == 4 && test.status == 200){
                var num=test.responseText.substr();
                if(num == "1"){
                    alert("成功");
                }
            }
        }
    </script>
</body>
</html>

按照这个方法，测试成功，返回值得长度是正常的，所以我们在获取返回值是，可以使用substr方法对返回值进行处理，就可以正常执行代码了。

ajax的responseText返回值长度问题

猜你喜欢