在图像悬停时查询MySql DB并更新页面而不刷新
技术问答
241 人阅读
|
0 人回复
|
2023-09-14
|
|
我目前正在整理一个页面，其中列出了15张员工图像。我正在尝试配置它，以便当用户将鼠标悬停在图像上时，右上角的div将使用从MySql# n% Z4 }" H& }1 q% k- z3 `& G
DB查询的信息进行更新。例如，Web用户将鼠标悬停在Staff＃112的图片上->. J& Q3 o: @2 h q7 _0 n
Div更新，以包含来自mysql的高度，重量，位置和位置，而无需刷新。我研究了一段时间，但只能找到如何使用Ajax，Php，Jquery和一个form元素来完成此工作。任何帮助，教程或信息将不胜感激。谢谢！3 X+ b, v! }6 D# u
更新4 V; `1 B* ` n/ ]2 Y3 b- s2 Y
我最终更改了所提供的一些代码，最终版本为：6 d- q. c- f1 t3 P$ W R
6 t. K1 Z; r1 k, h
; u8 o1 k4 e" R3 M' y) z' \. z解决方案:8 _- k( w2 j# T4 A* }3 P1 c
/ p2 C& C+ R, r+ e' Q) w6 Q& |/ R
$ ]$ t2 K% G: R2 k, W* Y9 |6 V, T) I/ h+ g; l: c/ I
您将需要这样的结构：0 }! P# M) X& \& E/ E, j& [+ j6 O
) I* {# S0 ^. B/ h
+ a) C3 S9 K1 O : G. A6 J8 ~# e- |. n' x" E l
+ d4 z2 o* p2 P3 ~+ ^
4 C0 m5 {) b+ J! R4 X
Hover over picture below to GO:0 t' p& _& l6 [! C' ]
' f; }/ o1 A: S" s ' o; }& ^; W9 g. _
: F+ z: X, q$ z! u% v
, p" c" J: D: L2 i1 Y/ _( K8 I7 K3 Q) q0 `8 Q
2 u! q3 M4 |5 a
您的AJAX（ax_get_staff.php）文件将如下所示： |
本帖子中包含更多资源
您需要 登录 才可以下载或查看，没有账号？立即注册
x
|
|
|
|
|
|
|
|
|
