使用ajax、php和jQuery更改DIV内容。
使用ajax、php和jQuery更改DIV内容。
提问于 2011-06-28 21:04:16
我有一个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更改为此字符串
<代码>G211
回答 7
Stack Overflow用户
回答已采纳
发布于 2011-07-04 18:28:49
<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>Stack Overflow用户
发布于 2011-06-28 21:09:47
通过使用jQuery注册锚点的单击事件(使用class="movie")并使用.load()方法发送AJAX请求并替换摘要div的内容，可以非常容易地实现这一点：
$(function() {
$('.movie').click(function() {
$('#summary').load(this.href);
// it's important to return false from the click
// handler in order to cancel the default action
// of the link which is to redirect to the url and
// execute the AJAX request
return false;
});
});Stack Overflow用户
发布于 2013-03-07 13:46:05
尝尝这个
function getmoviename(id)
{
var p_url= yoururl from where you get movie name,
jQuery.ajax({
type: "GET",
url: p_url,
data: "id=" + id,
success: function(data) {
$('#summary').html(data);
}
});
}而你的html部分是
<a href="javascript:void(0);" class="movie" onclick="getmoviename(youridvariable)">
Name of movie</a>
<div id="summary">Here is summary of movie</div>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6506873
复制相关文章
相似问题