thinkphp ajax效果自写简单-优快云博客

本文介绍如何使用jQuery AJAX技术实现从服务器获取数据，并在网页上动态展示这些数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js面页
$(document).ready(function(){
$("#btn").click(function()
{
ajax();
})
});
function ajax()
{
var l=$("#ajax").val();
$.ajax({
url:l,
type:"GET",
data:{name:"hello"}
success:function(data,st)
{
$("#data").html(data);

}
});
}
html这是个界面（由一个action。php调用）
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>{$title}</title>
<script type="text/javascript" src="__PUBLIC__/js/jquery/jquery132min.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/jquery/ajax.js">
</script>
</head>
<body>
<input type="hidden" value="__APP__/Ajax/aja" id="ajax"/>
<button id="btn">获取数据</button>
<div id="data">获取数据。。。</div>
</body>
</html>
ajax参数url要调用的php
<?php
class AjaxAction extends Action{
function index()
{

}
function aja()
{
$m=M("statistics");
$list=$m->select();
for($i=0;$i<count($list);$i++)
{
echo $list[$i]['snum']."<br/>";

}
}
}
?>
http://xinwenmm.co.cc