javascript - ajax 获取服务端的json数据出错了，JSON.parse(xhr.responseText)，，，？-PHP中文网问答

html页面:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>

</head>

<body>
<form action="reg.php" method="post" >
    用户名 : <input id="input1" type="text" name="username">   
    <input type="submit" value="注册">
</form>
<p id="p1"></p>
<script>
var oInput = document.getElementById('input1');
var op = document.getElementById('p1');

oInput.onblur = function(){
    var xhr = new XMLHttpRequest();
    xhr.open('GET','ajax.php?username='+encodeURIComponent(this.value),true);
    xhr.onreadystatechange = function(){
        
        if(xhr.readyState == 4){
            
            if(xhr.status == 200){
                
                var obj = JSON.parse(xhr.responseText);
                if(obj.code){
                    op.innerHTML = obj.message;
                }
                else{
                    op.innerHTML = obj.message;
                }
            }
        }
        
    };
    xhr.send(null);
};

</script>
</body>
</html>

php页面：

<?php
    header('Content-type:text/html;charset=utf-8');
    $conn = mysqli_connect('127.0.0.1', 'root', '5221107073', 'linshi');
    $name = $_GET['username'];
    $sql = "SELECT * FROM shi where name='$name'";
    $res = mysqli_query($conn, $sql);
    if($res && mysqli_num_rows($res)){
        echo "{'code':'0','message':'该名字有人注册'}";
    }else{
        echo "{'code':'1','message':'ok'}";
    }
    
?>

就是不能从服务端获取到json数据，报错如下：

SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data

求解

全部回复(6)

PHP中文网2017-04-11 09:44:55 6楼

header的设置不对，这样设置输出的是utf-8格式的html，
使用

header('Content-type: application/json');

这样echo的数据即为json格式，
建议将要输出的内容存进数组，在要输出的地方使用

echo json_encode($array);

赞 +0

添加回复

ringa_lee2017-04-11 09:44:55 5楼

没试过，你试试不要直接这么写，换个写法，定义一个数组，然后json_encode()。

PHP中文网2017-04-11 09:44:55 4楼

后端返回的格式不对

高洛峰2017-04-11 09:44:55 3楼

echo '{"code":"0","message":"该名字有人注册"}'

大家讲道理2017-04-11 09:44:55 2楼

格式不对，json里面是双引号的。
这种

大家讲道理2017-04-11 09:44:55 1楼

我在前台页面把从服务端获取到的结果输出`if(xhr.readyState == 4){

        if(xhr.status == 200){
            console.log(xhr.responseText);
            console.log(JSON.parse(xhr.responseText));
        }
    }`

在控制台看到是这样的（就是说xhr.responseText获取有问题吗？）：