如何將AJAX呼叫發送到服務器

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屬性更改為將返回圖像數據的內容。