使用Ajax,PHP和jQuery更改DIV内容
我有一个div,其中包含数据库的一些文本:
<div id="summary">Here is summary of movie</div>
以及链接列表:
<a href="?id=1" class="movie">Name of movie</a><a href="?id=2" class="movie">Name of movie</a>
..
该过程应如下所示:
- 点击链接
- Ajax使用链接的URL通过GET将数据传递到php文件/同一页面
- PHP返回字符串
- div更改为此字符串
回答:
<script>function getSummary(id)
{
$.ajax({
type: "GET",
url: 'Your URL',
data: "id=" + id, // appears as $_GET['id'] @ your backend side
success: function(data) {
// data is ur summary
$('#summary').html(data);
}
});
}
</script>
并onclick
在您的列表中添加事件
<a onclick="getSummary('1')">View Text</a><div id="#summary">This text will be replaced when the onclick event (link is clicked) is triggered.</div>
以上是 使用Ajax,PHP和jQuery更改DIV内容 的全部内容, 来源链接: utcz.com/qa/397941.html