1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>返回值是JSON的阿贾克斯方法</title> 6 <script src="../jquery-1.11.2.min.js"></script> 7 </head> 8 9 <body> 10 <div> 11 请输入代号：<input type="text" id="code" /> 12 <input type="button" value="查询" id="btn" /> 13 </div> 14 <div id="name"></div> 15 </body> 16 <script type="text/javascript"> 17 $(document).ready(function(e) { 18 $("#btn").click(function(){//给查询按钮加入点击事件 19 var code = $("#code").val();//取到用户输入的值并存放 20 $.ajax({ 21 url:"selchuli.php", 22 data:{code:code}, 23 type:"POST", 24 dataType:"json", 25 success: function(data){ 26 $("#name").text(data.name);//把查到的数据放入到ID是name的区域内 27 } 28 }); 29 }) 30 }); 31 32 </script> 33 </html>
处理页面的代码：
1 <?php 2 $code = $_POST["code"]; 3 $db = new MySQLi("localhost","root","","aaaaa"); 4 $sql = "select name from car where code = '{$code}'"; 5 $r = $db->Query($sql); 6 $attr = $r->fetch_all(); 7 //做一个关联数组 8 $arr = array();//创建一个空数组 9 $arr["name"] = $attr[0][0]; 10 //在$arr索引为name的位置放入一条数据，$attr[0][0]就是name的值 11 12 echo json_encode($arr);//调用JSON方法,将数组转换为JSON数据 13 //注意！在把数组转换成JSON的时候最好是关联数组
输入型号代码，点击查询，在下方DIV中显示相应的name名
显示结果是：
