求jquery+ajax局部刷新,请求数据库内容!
<divid="one"></div><aclass="tj"></a><aclass="tj2"></a>就是说我点击第一个a连接,#one这个DIV显示从数据库中读到...
<div id="one"></div>
<a class="tj"></a>
<a class="tj2"></a>
就是说我点击第一个a连接,#one这个DIV显示从数据库中读到的数据(比如name,sex),
然后点击第二个a标签,#one这个DIV显示从数据库中读到的另外几个数据(比如:password等),是一个表中的内容,怎么写?$.post( )?麻烦写详细点谢谢,分多得是,因为刚学,不会。麻烦了各位达达!!!
后台处理程序用PHP 展开
<a class="tj"></a>
<a class="tj2"></a>
就是说我点击第一个a连接,#one这个DIV显示从数据库中读到的数据(比如name,sex),
然后点击第二个a标签,#one这个DIV显示从数据库中读到的另外几个数据(比如:password等),是一个表中的内容,怎么写?$.post( )?麻烦写详细点谢谢,分多得是,因为刚学,不会。麻烦了各位达达!!!
后台处理程序用PHP 展开
4个回答
展开全部
第一点要明白,根据你请求的不同,才会返回不同的数据内容。----------发送请求
第二点根据传来的参数,来获取数据,以作回调使用。 ----------处理请求
第三点接收回传的数据,也就是第二点中的数据,显示到页面。----------回调处理
$.post()方法,具体参考API
例如:
$.post({
"abcdefg.php", //这里是你的php地址,根据你传递的参数,返回结果集的一个地址。
{flag:"first"}, //根据不同的需要,设置不同的参数值。
function(data){
$("#one").html(data); //将返回的内容,显示在#one这个DIV里面。
}
});
$.post()的参数还有一个type,是指设定这个方法回调函数中返回的内容格式,常见的有text,xml,json等。
这里只是简单的描述了一下$.post()这个方法的使用,如果有时间,可以参考API看看。
希望对你有帮助。
第二点根据传来的参数,来获取数据,以作回调使用。 ----------处理请求
第三点接收回传的数据,也就是第二点中的数据,显示到页面。----------回调处理
$.post()方法,具体参考API
例如:
$.post({
"abcdefg.php", //这里是你的php地址,根据你传递的参数,返回结果集的一个地址。
{flag:"first"}, //根据不同的需要,设置不同的参数值。
function(data){
$("#one").html(data); //将返回的内容,显示在#one这个DIV里面。
}
});
$.post()的参数还有一个type,是指设定这个方法回调函数中返回的内容格式,常见的有text,xml,json等。
这里只是简单的描述了一下$.post()这个方法的使用,如果有时间,可以参考API看看。
希望对你有帮助。
展开全部
有一点你应该注意,用a标签一般它都会跳转的,既然是ajax,所以不推荐使用a标签了,用span,div,li都可以的
下面说说ajax
$(".tj").click(function(){
$.post({
"abcdefg.php", //这里是你的php地址,根据你传递的参数,返回结果集的一个地址。
{flag:"first"}, //根据不同的需要,设置不同的参数值。
function(data){
$("#one").empty().append(data);//将返回的内容,显示在#one这个DIV里面。先清空在追加不会出现重复
}
});
})
ajax肯定是传到后台的吧,你可以在后台查询玩内容重定向到一个页面,在这个新页面中显示你要显示的内容,通过前台的ajax就会把这个页面在div中显示了。
当然也可以在后台直接显示你要输出的内容。
下面说说ajax
$(".tj").click(function(){
$.post({
"abcdefg.php", //这里是你的php地址,根据你传递的参数,返回结果集的一个地址。
{flag:"first"}, //根据不同的需要,设置不同的参数值。
function(data){
$("#one").empty().append(data);//将返回的内容,显示在#one这个DIV里面。先清空在追加不会出现重复
}
});
})
ajax肯定是传到后台的吧,你可以在后台查询玩内容重定向到一个页面,在这个新页面中显示你要显示的内容,通过前台的ajax就会把这个页面在div中显示了。
当然也可以在后台直接显示你要输出的内容。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
$(function(){
$("#a").click(function(){
$.post(
"a.action",
{传入action中的数据},
function(data){
$("#one").append(<h1>name</h1>);
$("#one").append(<h1>sex</h1>);
},
"json"
);
});
})
其他大同小异
$("#a").click(function(){
$.post(
"a.action",
{传入action中的数据},
function(data){
$("#one").append(<h1>name</h1>);
$("#one").append(<h1>sex</h1>);
},
"json"
);
});
})
其他大同小异
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
你想出来了怎么不说说怎么弄的呢 晕死了 希望你说说你的思路
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询