如何在javaScript中通过url（href链接）获取php变量并通过传递的php数据在mouseover上生成一个小的弹出窗口

Question

我完全不熟悉JavaScript或jQuery。其实我正在开发一个web应用程序，我需要访问一些url格式的数据，并且我想在这个url上的mouseover事件上显示一个小的弹出窗口，并且在发生这个事件时，url会传递三个不同的php数据ID到javascript 。然后，小型弹出窗口将通过这些传递的ID获取来自mysql的一些相关数据。

Answer 1

所有这些问题的答案已经在这里。打破你的问题分解成更小的步骤，你会发现它：

• How to call a script with mouseover
• How to make a modal dialog using JavaScript + CSS
• How to pass data between JavaScript and PHP

Answer 2

最简单的解决方法是使用AJAX。下面是一个简单的实现：

1. URL链接应包含要发送到服务器，看上去像数据：

   <a href="yourURL" onclick="sendURL2Srvr(this);">link text</a>

2. 创建JavaScript部分接收到的服务器响应一个弹出。这应该大致是这样的：

   <script> 
       http = false; 
   
       if (window.ActiveXObject) { 
       http = new ActiveXObject("Microsoft.XMLHTTP"); 
       } 
       else if (window.XMLHttpRequest) { 
       http = new XMLHttpRequest(); 
       } 
       function sendURL2Srvr(elem) { 
       http.abort(); 
       http.onreadystatechange=function() { 
        var popupW=window.createPopup(); 
        if(http.readyState == 4) { 
        if (http.status != 200) 
         error('Something went wrong!'); 
        else 
         popupW.innerHTML=http.responseText; 
        } 
       } 
       http.open("GET", elem.href, true); 
       http.send(null);   
       } 
   </script> 
   

3. 它是由服务器来剖析接收到的请求和数据发回。这现在成为一个纯粹的PHP问题。