ajax返回值 有text JSON
ajax返回值 返回JSON 数据
html:
<title>无标题文档</title>
<script src="../jquery-1.11.2.min.js">
</script>
<!--ajax返回值 有text JSON-->
<!--ajax返回值 返回JSON 数据-->
<!--返回一个值的--><!--$("#name").text(s.name); //返回了一个值的-->
</head>
<body>
<!--用户输入代号-->
<div>请输入代号:<input type="text" id="daihao"/>
<br /><br />
<input type="button" value="查询" id="btn"/></div>
<!--用户输入一个主键值,点击查询按扭-->
<div id="name"></div><!--显示名称-->
<!--输入人员代号,点击查询,在下面显示人员的名称-->
<!--给按钮加一个点击事件-->
</body>
<script type="text/javascript">
$(document).ready(function(e) {
<!--给按钮加一个点击事件-->
$("#btn").click(function(){
<!--取到用户输入的值。取到之后存起来var code-->
var code = $("#daihao").val(); //val()是
<!--去调ajax-->
//alert(code);
$.ajax({
url:"chuli.php",
data:{diaohao:code},//前面命名,后面是值
type:"POST",
dataType:"JSON",
success: function(s){
//alert(s.name);//如果是个JSON数据,这个data 可以点.出name来。 说明返回的data是一个ajax数据。
//所以ajax,不用拼字符串了,直接调用一个方法json_encode();
//但是要注意,再把数组转化成json是,注意它最好是一个关联数组。
//alert(s.name); //s. 这个是success: function(s)值
$("#name").text(s.name); //返回了一个值的
}
});
})
});
</script>
</html>
后端PHP页面-chuli.php
<?php
//需要接收到传过来的值code
$a=$_POST["diaohao"];
include("DBDA.class.php");
$dx=new DBDA;
$sql="select mingzu from minzu where daihao='{$a}'";
$attr = $dx->Query($sql);//返回的是二维数组
//二维数组的里面,有一个民族minzu的值。最简单的做法是返回字符串,但是用JSON返回,应该怎么做。要变成JSON返回
//第一步:做一个关联数组
//(这个方法是返回二维数组的,不是关联数组)
//定义一个空数组
$arr = array();
//然后往$arr里面放一个数据
$arr["name"] = $attr[0][0];//索引是name
//现在是一个关联数组了,要把它变为JSON,怎么变呢???
//将数组转化为JSON
echo json_encode($arr);//json_encode这个方法里面需要一个数组
//调用这方法,它会将关联数组,转化成JSON数据,然后就可以返回他了
//json_encode() 这个是PHP里面,提供的一个方法,可以直接将关联数组转化成json数据
//然后在KeJian.php 就可以接收到JSON数据了
//如果是个JSON数据
?>