Question

我有一个与AJAX相关的问题。我正在实施AJAX，并且它已成功实施，但我现在陷入困境。

当用户点击特定图像时，我希望将请求发送到服务器，服务器应该返回图像。我知道服务器将如何返回图像，但不知道应该将哪些密钥发送到服务器以便服务器识别特定的图像请求。这是前端的代码：

<?php
$con = mysql_connect("localhost:3306","root","root");
if (!$con)
  {
        die('Could not connect: ' . mysql_error());
  }
  else
      {
            mysql_select_db("uploading", $con);
            $sql_get=mysql_query("select * from imge");
            while ($db_field=mysql_fetch_assoc($sql_get))
                {
                    $img_urls=$db_field["link"];
                    ?>
                <img onclick="ajaxFunction()" id="<?  echo $img_urls; ?>" src="<?php echo $img_urls; ?>" style="width: 200px;height: 200px;border-style: solid;border-color: blue"/>
<!--            <a href="view.php?next=<?php echo $img_urls; ?>">View</a>-->

<?php
          }
      }
?>
        <script type="text/javascript">
            function ajaxFunction()
            {
                var xmlHttp;
                try {   // Firefox, Opera 8.0+, Safari
                    xmlHttp=new XMLHttpRequest();
                } catch (e ) { // Internet Explorer
                    try {
                        xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
                    }
                    catch (e) {
                        try {
                            xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
                        } catch (e) {
                            alert("Your browser does not support AJAX!");
                            return false;
                        }
                    }
                }

                xmlHttp.onreadystatechange=function() {
                    if(xmlHttp.readyState==4)
                    {
                        document.getElementById("div").innerHTML=xmlHttp.responseText

                    }
                }

                xmlHttp.open("GET","server_image.php?url=<?php echo $img_urls ?>",true);
                xmlHttp.send(null);
            }
</script>
                <p id="div"></p>

Answer 1

这是一个经典的“闻起来像Ajax，但不是”问题。你想要做的只是将图像的src属性更改为将返回图像数据的东西。

如何向服务器发送AJAX调用

1 个答案: