从php列表中单击项目后将外部页面加载到div中

时间:2013-07-12 01:41:50

标签: php ajax phplist

我知道,我知道。从上面的标题来看,你可能想知道世界上我在问什么。让我试着把它打破一点,因为我被困住了,无法解决这个问题。所以这里..............

我的网站上有一个位置,用户可以查看已发布的新闻列表。所有新闻项都列在MYSQL数据库中,并使用PhP检索并显示在页面上,如下所示:

$sql_list = "SELECT * FROM LatestMusic WHERE active = 'y' ORDER BY lm_id DESC";  
 $sql_list_result = mysql_query($sql_list,$connection) or die ('Could not select the List of Latest Music Entries');  

 $bgc = "FFC6C6";  
while($list_data = mysql_fetch_array($sql_list_result)){  
    if ($bgc == "FFC6C6") {  
        $bgc = "FFFFFF";  
    } else {  
        $bgc = "FFC6C6";  
    }  
print "<tr bgcolor=\"#" .$bgc. "\">";  
print "<td align=\"center\" width=\"44\">";  
print "<a href=\"#\" onclick=\"loadXMLDoc()\"><img src=\"/images/b_edit.png\" border=\"0\"></a>";  
print "</td>";  
print "<td align=\"center\" width=\"63\">";  
print "<img src=\"/images/b_drop.png\" border=\"0\">";  
print "</td>";  
print "<td align=\"left\" style=\"padding-left: 15px;\">";  
echo $list_data[1];  
print "</td>";  
print "</tr>";  
}

我得到的那部分。从那里,当用户点击数据库中列出的任何条目时,我需要一个外部PHP页面加载到同一页面上的DIV内部而不加载。我在同一页面的标题中使用此编码以实现这样的任务:

<script>  
 function loadXMLDoc() {
     var xmlhttp;
     if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari
         xmlhttp = new XMLHttpRequest();
     } else { // code for IE6, IE5
         xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
     }
     xmlhttp.onreadystatechange = function () {
         if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
             document.getElementById("myDiv").innerHTML = xmlhttp.responseText;
         }
     }
     xmlhttp.open("GET", "YSMhome_LMeditform.php", true);
     xmlhttp.send();
 }
 </script>

我可以将外部页面加载到DIV中,而无需重新加载页面。我遇到的问题是:加载的页面需要是带有表单字段的表单。当用户从数据库中单击列表中的条目时,我需要从列表中传递一个变量(让我知道他们点击了哪个条目)到DIV中加载的外部页面,这样我就可以预先填充包含要发送的数据的表单字段。这是我无法弄清楚的部分。

如果有人可以帮助我,我们将不胜感激。我是AJAX的新手(这是我第一次尝试使用它),但我愿意学习我需要的东西才能让它发挥作用。

1 个答案:

答案 0 :(得分:0)

当您调用ajax函数时,需要将相关信息传递给它。在您的示例中,您应该更改:

onclick=\"loadXMLDoc()\"

之类的(假设为了简单起见$list_data[0]是一个整数):

onclick=\"loadXMLDoc({$list_data[0]})\"

然后在javascript中,您的函数定义将类似于:

function loadXMLDoc(id)

以后,您可以将调用的网址更改为:

"YSMhome_LMeditform.php?id=" + id

然后,您将"YSMhome_LMeditform.php中的ID设为$_GET['id']