个人头像

柠檬酸

2月前来过

控制台
欢迎来到我的博客!
默认封面

00:00/

播放列表

AJAX+PHP实例

发布于2016-12-02 / 599次浏览

初学AJAX,写了几次AJAX代码,总是出各种奇怪的问题,这里在写一个实例,防止下次又忘记了!


<html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <script type="text/javascript" src="jquery-1.7.2.min.js"></script>
 <style type="text/css"> 
 ul,li {list-style:none}; 
 </style>
 <script>
 $(document).ready(function(){
  $("#select").change(function(){
  var a=$('#select').val();
  $.ajax({
  type: 'POST',
  url: 'pages.php',
  data: {'select':a},
  dataType:'json',
  success:function(json){
  $("#show").empty();
  var li = "";
  var list = json.list;
  $.each(list,function(index,array){ //遍历json数据列
  li += "<ul><li>"+array['id']+"&nbsp</li><li>"+array['name']+"&nbsp</li><li>"+array['math']+"&nbsp</li><li>"+array['english']+"&nbsp</li><li>"+array['chinese']+"</li></ul>";
  });
  $("#show").append(li);},

 error:function(){
  alert("数据加载失败");}
});})
$("#delect").click(function (){
  $("#show").empty();});});
 </script>
 </head>
 <title>
 ajax
 </title>
 <body>
 <select name="select" id="select">
 <option value='1'>苹果</option>
 <option value='38'>谷歌</option>
 <option value='35'>百度</option>
 </select>
 <ul>
 <li style="float:left;">id</li>
 <li>name</li>
 <li>math</li>
 <li>english</li>
 <li>chinese</li>
 </ul>
 <span id='show'></span>
 <button id="delect">清空</button>
</body>
 </html>
 

pages.php


include_once('connect.php');
$select=$_POST['select'];
$sql="select * from test where id=$select";
$result=mysql_query($sql);
while($row=mysql_fetch_array($result)){
	 $arr['list'][] = array(
	 	'id' => $row['id'],
		'name' => $row['name'],
		'math' => $row['math'],
		'english' => $row['english'],
		'chinese' => $row['chinese'],
	);
}
//print_r($arr);
echo json_encode($arr);

最后修改于:2016年12月23日 下午6:41

喜欢 1
TAGS:  暂无标签
本站文章除注明转载/出处外,均为本站原创或翻译。若要转载但请务必注明出处,尊重他人劳动成果。 转载请注明出处链接 : AJAX+PHP实例

暂无评论