![](https://iknow-base.cdn.bcebos.com/lxb/notice.png)
关于修改php页面,指定按钮载入文字和内容的方法?
比如我有一个页面,分别是标题,和文章介绍。我想让他只显示标题,文章内容,我需要有个开关,点开之后在当前页面载入?如何设置呀?...
比如我有一个页面,分别是标题,和文章介绍。我想让他只显示标题,文章内容,我需要有个开关,点开之后在当前页面载入?如何设置呀?
展开
3个回答
展开全部
如果是静态载入用简单的js实现隐藏显示即可;
动态载入的话可用ajax:
html:
<script language="javascript">
$(document).ready(function(){
$(".title").click(function() {
$.ajax({
type: "post", //post方式传输参数
url: "action.php", //处理ajax请求url
data: { id: $(this).attr("id").replace('news-', '') }, //获取新闻id值
dataType: "text", //返回数据类型
success: function(data) { //成功后执行函数
$("#content").text(data); //给id为content容器赋值
}
});
});
});
</script>
<div><a href="javascript:void(0);" id="news-<?php echo $id;?>" class="title">标题</a></div>
<div id="content"></div>
action.php:
<?php
include_once 'conn.php';
$id = $_POST['id'];
$sql = "select content from news where id=".$id."";
$result = mysql_query($sql);
$rs = mysql_fetch_array($result);
echo $rs['content'];
?>
动态载入的话可用ajax:
html:
<script language="javascript">
$(document).ready(function(){
$(".title").click(function() {
$.ajax({
type: "post", //post方式传输参数
url: "action.php", //处理ajax请求url
data: { id: $(this).attr("id").replace('news-', '') }, //获取新闻id值
dataType: "text", //返回数据类型
success: function(data) { //成功后执行函数
$("#content").text(data); //给id为content容器赋值
}
});
});
});
</script>
<div><a href="javascript:void(0);" id="news-<?php echo $id;?>" class="title">标题</a></div>
<div id="content"></div>
action.php:
<?php
include_once 'conn.php';
$id = $_POST['id'];
$sql = "select content from news where id=".$id."";
$result = mysql_query($sql);
$rs = mysql_fetch_array($result);
echo $rs['content'];
?>
展开全部
在标题上加一个点击事件,然后 在事件里通过 jquery调用,更新文章内容
<div id='titlt' onclick='show()'>文章标题</a>
<div id='content' style="display:none">文章内容,默认为空</a>
<script>
function show()
{
;//通过jqeury调用更新 content中的内容
}
</script>
<div id='titlt' onclick='show()'>文章标题</a>
<div id='content' style="display:none">文章内容,默认为空</a>
<script>
function show()
{
;//通过jqeury调用更新 content中的内容
}
</script>
参考资料: ;
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
PHP配合javascript 利用ajax可以做到。
还需要我做一个实例么?
还需要我做一个实例么?
更多追问追答
追问
可以做个实际列子看看不,非常感谢!!!
追答
稍等片刻.
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询