Ajax PHP变量传递_Php_Mysql_Ajax_Get

Ajax PHP变量传递

php mysql ajax

Ajax PHP变量传递,php,mysql,ajax,get,Php,Mysql,Ajax,Get,我一直在学习一个教程，该教程旨在将内容更新到从数据库加载的文件中我的计划是从数据库中加载各种EP图像封面，如果单击它们，则同一页面上的一个Div将填充其信息（曲目标题、艺术家等）我遵循本教程对其进行了一些修改，以显示我想要的细节，它使用了_GET（）方法，url的更改正如我所期望的那样，以显示可变的传递，但是它似乎也传递了鼠标坐标，这不是一个问题，只是不确定它为什么这样做当页面加载时，它按预期显示图像，它似乎试图加载内容，但似乎没有实现我确信这是我在调整它时出错的地方，按钮是图像，值是隐

我一直在学习一个教程，该教程旨在将内容更新到从数据库加载的文件中

我的计划是从数据库中加载各种EP图像封面，如果单击它们，则同一页面上的一个Div将填充其信息（曲目标题、艺术家等）

我遵循本教程对其进行了一些修改，以显示我想要的细节，它使用了_GET（）方法，url的更改正如我所期望的那样，以显示可变的传递，但是它似乎也传递了鼠标坐标，这不是一个问题，只是不确定它为什么这样做

当页面加载时，它按预期显示图像，它似乎试图加载内容，但似乎没有实现

我确信这是我在调整它时出错的地方，按钮是图像，值是隐藏的表单字段，但是我找不到一个像我需要的那样具体的教程

这是我的密码：

ajaxtest1.php：

<head>
//MySQL connection script

<script>
function showep(str)
{
if (str=="")
  {
  document.getElementById("ep").innerHTML="";
  return;
  } 
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("txtHint").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","ajaxtest2.php?q="+str,true);
xmlhttp.send();
}
</script>
</head>

<body>
<div id="ep">
Text text text
</div>
<?php

$query = "SELECT * FROM releases";
$result = mysql_query($query);

if(!$result) die ("Database access failed: " .mysql_error());

$rows = mysql_num_rows($result);

  for ($j = 0 ; $j < $rows ; ++$j)


  {

$row = mysql_fetch_row($result);
$id = $row [0];



echo '<form>';
echo '<input type="hidden" name="id" value="' . $id .'" />';
echo '<input type="image" src="images/releases/' .$row[1] .'" width="150" height="150" onclick="showep(this.value)"/>';
echo '</form>';

  }
?>
</body>


//MySQL连接脚本
函数showep（str）
{
如果（str==“”）
{
document.getElementById（“ep”）.innerHTML=“”；
返回；
} 
if（window.XMLHttpRequest）
{//IE7+、Firefox、Chrome、Opera、Safari的代码
xmlhttp=新的XMLHttpRequest（）；
}
其他的
{//IE6、IE5的代码
xmlhttp=新的ActiveXObject（“Microsoft.xmlhttp”）；
}
xmlhttp.onreadystatechange=函数（）
{
if（xmlhttp.readyState==4&&xmlhttp.status==200）
{
document.getElementById（“txtHint”）.innerHTML=xmlhttp.responseText；
}
}
open（“GET”，“ajaxtest2.php？q=“+str，true”）；
xmlhttp.send（）；
}
文本文本文本

ajaxtest2： //这里是MYSQL连接脚本。

如果（！$result）死亡（“数据库访问失败：.mysql_error（））；
$row=mysql\u fetch\u row（$result）；
回声“；
回声“
”；
echo“曲目标题：”.$行[2]。“
”；
echo“艺术家：”.$行[3]。“
”；
回音“音轨长度：.”行[4]。“
”；
echo“混音者：”.$row[5]。" " . $第[6]行。" " . $第[7]行。“
”；
echo“已发布：”.$行[8]。" ";
回声“；
mysql\u close（$db\u服务器）；
?>

一个问题是，您正在从

的onclick处理程序传递

这个.value

，而id仅在

元素上定义。还可以尝试将value属性添加到

中

另一个值得关注的原因是url的更改：这是AJAX调用中不应该发生的事情，如果发生了，则表示没有执行AJAX调用。在这种情况下，这是因为

的行为类似于提交按钮，在表单中传递值以及用户单击图像的点的坐标。单击按钮，启动AJAX调用，并在AJAX调用返回之前提交表单。由于

form

标记没有

action

属性，因此假定当前页面（由ajaxtest1.php提供）加载ajaxtest1.php，并且再也听不到对ajaxtest2.php的调用

要防止表单提交，可以执行以下两种操作之一。首先，您可以通过将表单标记更改为

来指示表单不要提交。第二，也许更简单的是，首先要认识到您不需要表单，因为您只执行一个AJAX调用。要做到这一点，您只需要一个带有onclick处理程序的常规

img

标记

tl；dr-更改：

echo '<img src="images/releases/' .$row[1] .'" width="150" height="150" onclick="showep(' . $id .')"/>';

echo'；
回声'；
回声'；
回声'；

致：

echo'；

您将执行AJAX调用而不是表单提交。

请使用mysqli而不是mysql！mysql_*已弃用。如果您使用的是php 5.5或更高版本，请使用mysqli_*函数或pdo以下链接将帮助您确定谢谢，这是代码工作的问题吗？谢谢帮助，我已更改代码以反映仅处理图像的想法，Ajax调用现在工作正常，但是，它无法将

$id

的值传递给ajaxtest2.php。我试过

\u post

和

\u request

。如何将

$id

变量发送到ajaxtest2.php？好的，我已经以几种不同的方式对代码进行了测试，试验了session以及各种不同的GET和POST方法，最终得到了一个未定义的变量。我似乎无法将ID值发送到ajaxtest2.php。无论是表单还是用javascript点击的图像，它似乎都无法识别。我看不出哪里出了问题。你能告诉我你在用什么代码吗？实际上，

$\u GET

和

$\u POST

不是方法，而是数组变量。由于您正在使用ajax获取

ajaxtest2.php？q=

，因此在ajaxtest2.php中检索id时应该使用的代码类似于

$id=$\u GET['q']。
echo '<form>';
echo '<input type="hidden" name="id" value="' . $id .'" />';
echo '<input type="image" src="images/releases/' .$row[1] .'" width="150" height="150" onclick="showep(this.value)"/>';
echo '</form>';

echo '<img src="images/releases/' .$row[1] .'" width="150" height="150" onclick="showep(' . $id .')"/>';