jQuery Ajax 读取数据实例演示

最新推荐文章于 2021-11-19 15:19:10 发布

宇凡网络

最新推荐文章于 2021-11-19 15:19:10 发布

阅读量601

点赞数

分类专栏： php

本文链接：https://blog.csdn.net/qq19124152/article/details/45420791

版权

php 专栏收录该内容

30 篇文章 0 订阅

订阅专栏

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery Ajax 实例演示</title> 
</head> 
<script src="jquery-1.9.1.min.js" type="text/javascript"></script> 
<script type="text/javascript">
function GetRequest($type,$cid){
        $.ajax({
               type: "POST",
               url: "post.php",
			   data:{
       				 type: $type,
      		 		 cid: $cid
					},
               success: function(msg){
				 $("#showResult").empty();//清除标签内原有内容
                $("#showResult").append(msg);//附加内容带标签上去
               }
        });
     
}; 
 
</script>
<style type="text/css">
.ke{ width:600px;}
.ke ul li{ float:left; list-style-type:none; margin:5px;}
</style>
<body> 
<div class="ke">
        <ul>
           <li><a href="#" onClick="GetRequest(275,284)"><span>+</span>神经内科</a></li><li><a href="#" onClick="GetRequest(275,285)"><span>+</span>消化内科</a></li>      
     </ul> 
  </div>
  <br>
   <table width="500" >
 <tr>
 <th>科室</th>
 <th>专家</th>
 <th>职称</th>
 </tr>
 
 </table>   
<table width="500" id="showResult">

 
 </table>                                  

</body> 
</html>

<?php
echo"<tr> <td align='center'>".$_POST['cid']."消化内科".$_POST['type']."</td><td align='center'><a href='/index.php?m=Index&a=read&sort=expert&id=6'>马雄飞</a></td><td>副主任医师，消化内科主任</td></tr>";

?>

宇凡网络

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
jQuery Ajax 读取数据实例演示

jQuery Ajax 实例演示 function GetRequest($type,$cid){ $.ajax({ type: "POST", url: "post.php", data:{ type: $type, cid: $cid }
复制链接

扫一扫