使用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>

..

该过程应如下所示:

  1. 点击链接
  2. Ajax使用链接的URL通过GET将数据传递到php文件/同一页面
  3. PHP返回字符串
  4. 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

回到顶部