如何使用jQuery和PHP动态显示更多信息？

我有MySQL中的课程列表，当我点击课程时，它会在右边显示正确的课程描述，当我点击下一个课程时，上一个课程会隐藏并获取当前的课程描述，下面是我做的代码

jQuery

$(document).ready(function() {
          $("#toggle_value").click(function(){
          $("$courseid").show("slow");         
        });
     });

PHP代码

$cour = get_records_sql('SELECT c.id, c.summary FROM mdl_course c');
echo '<table style="background:white;border:2px solid blue">';
foreach($cour as $cou) 
{
   $coursename = $cou->fullname;
   $summary = $cou->summary;                          
   echo '<tr style="border:1px solid #BACC82;">
            <td><div class="toggle_button"><a href="javascript:void(0);"   
                  id="toggle_value">'.$coursename.'</a></div></td></tr>
<div id="div1" style="display:none;top:440px; border:0px solid #000;float:right;background-color:white; padding:5px;">
}
echo '</table>';

---

不能在jQuery中引用PHP变量-jQuery是浏览器端，PHP是服务器端

您可以更新click函数，以便在单击时加载数据：

 $(document).ready(function() {
      $("#toggle_value").click(function(){
         $('#<target div>').load('<url of php file>', {courseid : ##});       
    });
 });

getCourse.php：

$courseid = mysql_real_escape_string(_GET['courseid']);
$course = mysql_fetch_array(mysql_query('SELECT c.summary FROM mdl_course c where c.id = $courseid'));
echo $course['summary'];

JavaScript:

$(document).ready(function() {
      $(".toggle_value").click(function(){
         $('#coursesummary').load('getCourse.php?courseid=' + $(this).attr('rel'));       
    });
 });

---

因为我们不知道你们的代码是什么，所以我们不能建议特殊的解决方案。 但曼苏克给了你一个正确的方法，你应该遵循。但如果您想通过JQuery使用Ajax技术，我的意思是可以从服务器动态获取JSON数据形式的信息

---

甚至还有许多辅导的

JavaScript，因此jQuery在呈现的HTML上工作，而不是在服务器端脚本上工作。请编辑该问题以合并相关HTML的示例，以便我们能够回答。这是因为PHP是服务器端，当您为$coursedesc和$coursename变量赋值时，直到您刷新页面或通过Ajax重新加载为止，所有变量都将是相同的，只有一个值。因此，您需要使用Ajax技术，或者将所有可能的值添加到一个变量中，并通过在Javascript部分拆分使用..嗨，David和Alper，感谢您的回答，现在我尝试编辑这个问题，您能否建议现在它说非法字符[在此错误上中断]$。加载'index.php'，{courseid:}；您需要使用一个数字更新课程id，并替换为希望内容显示的div的idin@user1067018我添加了一个完整的示例-它未经测试，但应该可以让您了解需要做什么…嗨，Manse，这是我得到的错误-$。load不是函数[在此错误时中断]$.load'index.php？courseid='…tr'rel'，'coursesummary'@user1067018更新了我的答案-加载方法就是这样-不是全局函数。

$(document).ready(function() {
      $(".toggle_value").click(function(){
         $('#coursesummary').load('getCourse.php?courseid=' + $(this).attr('rel'));       
    });
 });