使用AJAX，PHP和jQuery的变化DIV内容 [英] Change DIV content using ajax, php and jQuery

问题描述

我有一个div，其中包含一些文本的数据库：

 ＆LT; D​​IV ID =摘要＆gt;此处是电影和的总结; / DIV＆GT;
 

和链接列表：

 ＆LT; A HREF =？ID = 1级=电影＆GT;电影和LT的名称; / A＆GT;
＆所述; A HREF = A类=电影＆GTID = 2？;电影＆所述的名称; / a取代;
..
 

这个过程应该是这样的：

1. 单击链接
2. 阿贾克斯使用链接的URL通过GET到PHP文件/同一页
传递数据
3. 在PHP返回字符串
4. DIV的是改变这个字符串

解决方案

 ＆LT;脚本＆GT;

功能getSummary（id）的
{
   $阿贾克斯（{

     键入：GET，
     网址：你的URL，
     数据：ID =+ ID，//显示为$ _GET ['身份证'] // @你的后端侧
     成功：功能（数据）{
           //数据是UR汇总
          $（'＃摘要）HTML（数据）。
     }

   }）;

}
＆LT; / SCRIPT＆GT;
 

和增加的onclick 事件在你的名单

 ＆LT; A HREF =JavaScript的：无效（0）;类=电影的onclick =getSummary（1）＆GT;名称电影和LT的; / A＆GT;
 

I have a div which contains some text for the database:

<div id="summary">Here is summary of movie</div>

And list of links:

<a href="?id=1" class="movie">Name of movie</a>
<a href="?id=2" class="movie">Name of movie</a>
..

The process should be something like this:

1. Click on the link
2. Ajax using the url of the link to pass data via GET to php file / same page
3. PHP returns string
4. The div is changed to this string

解决方案

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

And add onclick event in your lists

<a href="javascript:void(0);" class="movie" onclick="getSummary(1)">Name of movie</a>

这篇关于使用AJAX，PHP和jQuery的变化DIV内容的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！