서버로 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

이 고전은 "아약스 냄새하지만 아니다"문제 : 다음 프런트 엔드에 대한 코드입니다. 당신이 원하는 것은 단순히 이미지의 src 속성을 이미지 데이터를 반환하는 것으로 변경하는 것입니다.