在PHP页面可以查询到信息，但是在前端页面就显示undefined
<html>
<head>
<meta charset="utf-8">
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
</head>
<body>
<p>
<input type="text" name="idNum" id="idNum">
<input type="button" value="查询" id="btnSearch">
<ul></ul>
</p>
<p id="myp"></p>
<script type="text/javascript">
$(function(){
$("#btnSearch").bind("click",function(){
//ajax
$.post(
"search.php",
{num:$("#idNum").val()},
function (data) {
console.log(data);
$("ul").append(
"<li>mac:"+data.mac+"</li>"+"<li>name:"+data.name+"</li>"+"<li>password:"+data.password+"</li>"
);
}
);
})
});
</script>
</body>
</html>PHP代码如下
<?php
header("Content-type:text/json;charset=utf-8");
$num = filter_input(INPUT_GET, 'num', FILTER_SANITIZE_STRING);
//$num=$_GET["num"];
class p_mysqli extends mysqli {
public function __construct($host, $user, $pass, $db) {
parent::__construct($host, $user, $pass, $db);
if (mysqli_connect_error()) {
die('连接数据库发生错误咯： (' . mysqli_connect_errno() . ') '. mysqli_connect_error());
}
}
}
$mysqli=new mysqli('127.0.0.1', 'root', 'wl123456','proxys');
if ($mysqli->connect_errno) {
die('Connect Error:'.$mysqli->connect_error);
}
$mysqli->set_charset('utf8');
$sql = "SELECT id,mac,name,password FROM s_user WHERE id = ?";
//$sql = "SELECT mac,name,password FROM s_user WHERE id = '207545'";
// 获取预处理
$stmt = $mysqli->prepare($sql);
// 绑定参数
$stmt->bind_param("s", $num);
// 执行
$stmt->execute();
// 获取结果集
$result = $stmt->get_result();
// 获取数据
$data = $result->fetch_all(MYSQLI_ASSOC);
echo json_encode($data);
?>
console.log（data）发现数组是空的
HTML页面如此显示结果：mac:undefined
感觉像是请求没有返回数据。用浏览器调试工具看下请求的返回值
你把问题都说出来了啊，后台返回的数据为空，判断下数据，空的时候就不走下面的逻辑！你在js里又使用了不存在的键值mac，肯定是undefined
在PHP页面最后echo之前打印变量data看有没有值，如果没有值 再在上面打印result的值就这样一步一步定位问题