如何从javaScript中的url(href link)获取php变量,并在鼠标上方生成一个带有传递的php数据的小弹出窗口
我对JavaScript或jQuery完全陌生。实际上,我正在开发一个web应用程序,在这个应用程序下,我需要访问url格式的一些数据,我想在这个url上的鼠标悬停事件上显示一个小的弹出窗口,在这个事件发生时,url将向javascript传递三个不同的php数据ID。然后,小弹出窗口将在这些传递的ID的帮助下从mysql获取一些相关数据。所有这些问题的答案已经在这里了。将您的问题分解为更小的步骤,您会发现:如何从javaScript中的url(href link)获取php变量,并在鼠标上方生成一个带有传递的php数据的小弹出窗口,javascript,php,popup,Javascript,Php,Popup,我对JavaScript或jQuery完全陌生。实际上,我正在开发一个web应用程序,在这个应用程序下,我需要访问url格式的一些数据,我想在这个url上的鼠标悬停事件上显示一个小的弹出窗口,在这个事件发生时,url将向javascript传递三个不同的php数据ID。然后,小弹出窗口将在这些传递的ID的帮助下从mysql获取一些相关数据。所有这些问题的答案已经在这里了。将您的问题分解为更小的步骤,您会发现: 最简单的解决方案是使用ajax。下面是一个示例实现: url链接应包含要发送到
- url链接应包含要发送到服务器的数据,如下所示:
<a href="yourURL" onclick="sendURL2Srvr(this);">link text</a>
<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>
- 创建一个javascript节以在弹出窗口中接收服务器响应。这应该大致如下所示:
<a href="yourURL" onclick="sendURL2Srvr(this);">link text</a>
<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>
http=false; if(window.ActiveXObject){ http=新的ActiveXObject(“Microsoft.XMLHTTP”); } else if(window.XMLHttpRequest){ http=newXMLHttpRequest(); } 函数sendURL2Srvr(elem){ http.abort(); http.onreadystatechange=function(){ var popuww=window.createPopup(); 如果(http.readyState==4){ 如果(http.status!=200) 错误(“出了什么事!”); 其他的 innerHTML=http.responseText; } } http.open(“GET”,elem.href,true); http.send(空); }
- 由服务器解析接收到的请求并将数据发送回。这现在变成了一个纯粹的php问题
- 最简单的解决方案是使用ajax。下面是一个示例实现: