How to implement real-time data update in jquery php-PHP Problem-php.cn

Home

Backend Development

PHP Problem

How to implement real-time data update in jquery php

藏色散人

Jan 06, 2022 am 09:21 AM

jqueryphp

Jquery php method to implement real-time data update: 1. Create a data table; 2. Connect to the database by creating the server file "demo.php" and perform related operations; 3. Create "fresh.html" to display the data Just the web page.

How to implement real-time data update in jquery php

#The operating environment of this article: Windows 7 system, PHP version 7.1, Dell G3 computer.

How does jquery php implement real-time data update?

php jQuery ajax implemented real-time refresh display data function example

The details are as follows:

Create data table: 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, &#39;雷军&#39;),
(2, &#39;马化腾&#39;),
(3, &#39;李彦宏&#39;),
(4, &#39;马云&#39;);

Server file: demo.php

<?php
$mysqli = new mysqli("localhost","root","","test");
$mysqli->set_charset(&#39;utf8&#39;);
$query = &#39;SELECT * FROM demo&#39;;
$result = $mysqli->query($query);
$arr = $result->fetch_all(MYSQLI_ASSOC);
$info = json_encode($arr);
echo $json = &#39;{"success":true,"info":&#39;.$info.&#39;}&#39;;

Display data web page: fresh.html

<html>
<head>
  <meta charset=&#39;utf-8&#39;>
  <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=&#39;center&#39; id=&#39;"+data.info[i].id+"&#39;><td>"+data.info[i].id+"</td><td>"+data.info[i].name+"</td></tr>";
              var tag = &#39;#&#39;+data.info[i].id;
              if(!$(tag).length){
                $("#info").append(dom);
              }
            }
        }else{
          alert(&#39;error&#39;);
        }
      },
      error:function(res){
        alert(res.status);
      }
    });
  }
  window.setInterval(check, 1000); //每秒执行一次
</script>
<body>
  <div style=&#39;width:600px;margin:0 auto;&#39;>
    <table border=&#39;1&#39; width="600px">
      <thead>
        <tr><th>id</th><th>name</th></tr>
      </thead>
      <tbody id=&#39;info&#39;>
        <tr align=&#39;center&#39; id=&#39;111&#39;><td>111</td><td>测试</td></tr>
      </tbody>
    </table>
  </div>
</body>
</html>

Recommended learning: "PHP Video Tutorial》

The above is the detailed content of How to implement real-time data update in jquery php. For more information, please follow other related articles on the PHP Chinese website!

Statement

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

ACID vs BASE Database: Differences and when to use each.Mar 26, 2025 pm 04:19 PM

The article compares ACID and BASE database models, detailing their characteristics and appropriate use cases. ACID prioritizes data integrity and consistency, suitable for financial and e-commerce applications, while BASE focuses on availability and

PHP Secure File Uploads: Preventing file-related vulnerabilities.Mar 26, 2025 pm 04:18 PM

The article discusses securing PHP file uploads to prevent vulnerabilities like code injection. It focuses on file type validation, secure storage, and error handling to enhance application security.

PHP Input Validation: Best practices.Mar 26, 2025 pm 04:17 PM

Article discusses best practices for PHP input validation to enhance security, focusing on techniques like using built-in functions, whitelist approach, and server-side validation.

PHP API Rate Limiting: Implementation strategies.Mar 26, 2025 pm 04:16 PM

The article discusses strategies for implementing API rate limiting in PHP, including algorithms like Token Bucket and Leaky Bucket, and using libraries like symfony/rate-limiter. It also covers monitoring, dynamically adjusting rate limits, and hand

PHP Password Hashing: password_hash and password_verify.Mar 26, 2025 pm 04:15 PM

The article discusses the benefits of using password_hash and password_verify in PHP for securing passwords. The main argument is that these functions enhance password protection through automatic salt generation, strong hashing algorithms, and secur

OWASP Top 10 PHP: Describe and mitigate common vulnerabilities.Mar 26, 2025 pm 04:13 PM

The article discusses OWASP Top 10 vulnerabilities in PHP and mitigation strategies. Key issues include injection, broken authentication, and XSS, with recommended tools for monitoring and securing PHP applications.

PHP XSS Prevention: How to protect against XSS.Mar 26, 2025 pm 04:12 PM

The article discusses strategies to prevent XSS attacks in PHP, focusing on input sanitization, output encoding, and using security-enhancing libraries and frameworks.

PHP Interface vs Abstract Class: When to use each.Mar 26, 2025 pm 04:11 PM

The article discusses the use of interfaces and abstract classes in PHP, focusing on when to use each. Interfaces define a contract without implementation, suitable for unrelated classes and multiple inheritance. Abstract classes provide common funct

See all articles