如何避免数据结果中的 html 代码 - How to avoid html code from data result

How to avoid html code from data result

我使用 php json 获取了一些数据，结果也给我带来了 html 代码，所以页面给了我一个意想不到的标记。这是我的代码：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
    <script type="text/javascript">
    $(document).on("ready", function(){
        loadData();
    });
    var loadData = function(){
        $.ajax({
            type:"POST",
            url:"Users.php"
        }).done(function(data){
            console.log(data);
            var users = JSON.parse(data);
            for(var i in users){
                $("#content").append(users[i].nombre + " " + users[i].apellido + "<br>");
            }
        });
    }
</script>

这就是我在控制台中看到的

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
</head>
<body>
[{"nombre":"Joelbis","apellido":"Rosas"},{"nombre":"William","apellido":"Mazo"},{"nombre":"Mariana","apellido":"De Barros"},{"nombre":"Daniela","apellido":"Ramirez"}]

</body>
</html>
VM396:1 Uncaught SyntaxError: Unexpected token <(anonymous function) @ userview.php:22l @ jquery.min.js:4c.fireWith @ jquery.min.js:4k @ jquery.min.js:6(anonymous function) @ jquery.min.js:6

如何避免结果中的 html 代码？

谢谢。

你需要一个 php 文件，只打印出你需要返回的数据。喜欢这个：

阿贾克斯呼叫

var loadData = function(){
        $.ajax({
            type:"POST",
            url:"UserData.php"
        }).done(function(data){
            console.log(data);
            var users = JSON.parse(data);
            for(var i in users){
                $("#content").append(users[i].nombre + " " + users[i].apellido + "<br>");
            }
        });
    }

用户数据.php

<?php
  $sql = "SELECT nombre, apellido FROM pruebaUsuarios"; $result = mysqli_query($conexion, $sql); 
  $array_user = array(); while($data = mysqli_fetch_assoc($result)){ $array_user[] = $data; } 
  echo json_encode($array_user)
?>

后端脚本必须在echo json_encode($data)后立即停止，使用相同的die()或exit()。否则，它会将页面的其余部分馈送到 AJAX 前端，这就是当前正在发生的事情。

var loadData = function(){
        $.ajax({
            type:"POST",
            url:"Users.php"
        }).done(function(data){
            console.log(data);
            data = $(data).find('body').html();
            var users = JSON.parse(data);
            for(var i in users){
                $("#content").append(users[i].nombre + " " + users[i].apellido + "<br>");
            }
        });
    }

尝试从 html 解析数据