关于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方法对返回值进行处理,就可以正常执行代码了。