Rumah > Artikel > pembangunan bahagian belakang > Bagaimana untuk melaksanakan kemas kini data masa nyata dalam jquery php
Cara melaksanakan kemas kini data masa nyata dalam jquery php: 1. Buat jadual data; 2. Sambungkan ke pangkalan data dengan mencipta fail pelayan "demo.php" dan lakukan operasi yang berkaitan; fresh.html" untuk memaparkan data Hanya halaman web.
Persekitaran pengendalian artikel ini: sistem Windows 7, PHP versi 7.1, komputer Dell G3.
Bagaimanakah jquery php melaksanakan kemas kini data masa nyata?
Contoh fungsi data muat semula dan paparan masa nyata yang dilaksanakan oleh php jQuery ajax
Butirannya adalah seperti berikut:
Buat jadual data: demo
-- -- 表的结构 `demo` -- CREATE TABLE IF NOT EXISTS `demo` ( `id` int(11) NOT NULL AUTO_INCREMENT, `name` varchar(20) COLLATE utf8_bin NOT NULL, PRIMARY KEY (`id`) ) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_bin AUTO_INCREMENT=5 ; -- -- 转存表中的数据 `demo` -- INSERT INTO `demo` (`id`, `name`) VALUES (1, '雷军'), (2, '马化腾'), (3, '李彦宏'), (4, '马云');
Fail pelayan: demo.php
<?php $mysqli = new mysqli("localhost","root","","test"); $mysqli->set_charset('utf8'); $query = 'SELECT * FROM demo'; $result = $mysqli->query($query); $arr = $result->fetch_all(MYSQLI_ASSOC); $info = json_encode($arr); echo $json = '{"success":true,"info":'.$info.'}';
Paparan halaman web data: segar. html
<html> <head> <meta charset='utf-8'> <title>hello</title> </head> <body> <script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script> <script> function check(){ $.ajax({ type:"GET", url:"./demo.php", dataType:"json", success:function(data){ if(data.success){ var count = data.info.length; for(i=0;i<count;i++){ var dom = "<tr align='center' id='"+data.info[i].id+"'><td>"+data.info[i].id+"</td><td>"+data.info[i].name+"</td></tr>"; var tag = '#'+data.info[i].id; if(!$(tag).length){ $("#info").append(dom); } } }else{ alert('error'); } }, error:function(res){ alert(res.status); } }); } window.setInterval(check, 1000); //每秒执行一次 </script> <body> <div style='width:600px;margin:0 auto;'> <table border='1' width="600px"> <thead> <tr><th>id</th><th>name</th></tr> </thead> <tbody id='info'> <tr align='center' id='111'><td>111</td><td>测试</td></tr> </tbody> </table> </div> </body> </html>
Pembelajaran yang disyorkan: "Tutorial Video PHP"
Atas ialah kandungan terperinci Bagaimana untuk melaksanakan kemas kini data masa nyata dalam jquery php. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!