Hướng dẫn php refresh part of page - php làm mới một phần của trang

Tôi phát triển một trang ở chỗ tôi cần làm mới một phần của trang web, không phải toàn bộ trang trong PHP bằng AJAX. Xin hãy giúp tôi làm điều này, cảm ơn trước

Đã hỏi ngày 20 tháng 7 năm 2009 lúc 13:20Jul 20, 2009 at 13:20

PHP không thể làm điều này, chỉ có ngôn ngữ phía máy khách như JavaScript có thể. Điều đó đang được nói, thư viện jQuery sẽ cho phép bạn thực hiện điều này thực sự dễ dàng với chức năng AJAX của nó.

Index.php

<div id="scores"><!-- score data here --></div>

Có thể được làm mới với JavaScript sau:

$("#scores").load("index.php #scores");

Điều đó sẽ tải nội dung của #score từ chỉ mục một lần nữa mà không làm mới toàn bộ trang.

Bạn thậm chí có thể tự động hóa nó để làm mới cứ sau 30 giây bằng cách sử dụng setInterval();

var $scores = $("#scores");
setInterval(function () {
    $scores.load("index.php #scores");
}, 30000);

Bạn có thể đọc thêm về $.load() tại http://api.jquery.com/load/#loading-page-fragments.

Đã trả lời ngày 20 tháng 7 năm 2009 lúc 13:25Jul 20, 2009 at 13:25

Hướng dẫn php refresh part of page - php làm mới một phần của trang

SampsonsampsonSampson

262K74 Huy hiệu vàng530 Huy hiệu bạc559 Huy hiệu đồng74 gold badges530 silver badges559 bronze badges

4

Đây là một ví dụ cơ bản sử dụng PrototypeJS.

new Ajax.Updater('containerId', '/url/to/get/content', {
  parameters: { somename: 'somevalue' }
});
  • Đối số đầu tiên là ID của container đặt kết quả của cuộc gọi AJAX.
  • Đối số thứ hai là URL gửi yêu cầu đến
  • Đối số thứ ba, ở dạng cơ bản nhất, là danh sách các tham số để gửi đến URL.

Để biết thêm chi tiết về yêu cầu AJAX nguyên mẫu, hãy xem tài liệu Ajax.Request.

Lấy một trang từ câu trả lời tốt đẹp của Jonathan, đây là cách bạn thực hiện yêu cầu AJAX trên bộ đếm thời gian bằng cách sử dụng định kỳ của nguyên mẫu.

new PeriodicalExecuter(function(pe) {
    new Ajax.Updater('containerId', '/url/to/get/content', {
      parameters: { somename: 'somevalue' }
    });
}, 30);

Đã trả lời ngày 20 tháng 7 năm 2009 lúc 13:28Jul 20, 2009 at 13:28

Mark Biekmark BiekMark Biek

Phù bằng vàng 143K5454 gold badges155 silver badges200 bronze badges

Có một hướng dẫn tốt về cách đối tượng xmlhttprequest hoạt động tại http://www.jibbering.com/2002/4/httprequest.html

Bạn chỉ cần sử dụng điều đó, với bất kỳ điều kiện nào bạn muốn kích hoạt việc làm mới của mình và tập lệnh PHP sẽ chỉ xuất chỉ dữ liệu bạn quan tâm.

Đã trả lời ngày 20 tháng 7 năm 2009 lúc 13:23Jul 20, 2009 at 13:23

QuentinentinQuentin

877K121 Huy hiệu vàng1176 Huy hiệu bạc1289 Huy hiệu đồng121 gold badges1176 silver badges1289 bronze badges

Cách nhanh nhất là sử dụng chức năng tải jQuery

Giả sử các nội dung bạn muốn thay đổi là bên trong một div

Sau đó, bạn có thể đơn giản:

<script type="text/javascript" src="jquery-1.3.2.min.js"></script>

<script type="text/javascript">

$().ready(function() {
$("#dynamic").load("http://url/to/the/dynamic/data");
});

</script>

Đã trả lời ngày 20 tháng 7 năm 2009 lúc 13:26Jul 20, 2009 at 13:26

Bassel Safadibassel SafadiBassel Safadi

4871 Huy hiệu vàng3 Huy hiệu bạc11 Huy hiệu đồng1 gold badge3 silver badges11 bronze badges

0

Xem thảo luận

Cải thiện bài viết

Lưu bài viết

  • Đọc
  • Bàn luận
  • Xem thảo luận

    Cải thiện bài viết

    Lưu bài viết

    Đọc

    Syntax:

    void header( $header, $replace = TRUE, $http_response_code )
    Or
    header(string, replace, http_response_code)
    

    Parameters:

    • Bàn luận It holds the header string. There are two types of header calls. The first header starts with string “HTTP/”, which is used to figure out the HTTP status code to send. The second case of header is the “Location:”. It is mandatory parameter.
    • $ Thay thế: Đó là tham số tùy chọn. Nó biểu thị tiêu đề nên thay thế trước hoặc thêm tiêu đề thứ hai. Giá trị mặc định là đúng (sẽ thay thế). Nếu $ thay thế giá trị là sai thì nó buộc nhiều tiêu đề cùng loại. It is optional parameter. It denotes the header should replace previous or add a second header. The default value is True (will replace). If $replace value is False then it force multiple headers of the same type.
    • $ http_response_code: Đây là một tham số tùy chọn. Nó buộc mã phản hồi HTTP vào giá trị được chỉ định (Php 4.3 trở lên). It is an optional parameter. It forces the HTTP response code to the specified value (PHP 4.3 and higher).

    Lưu ý: Hàm này ngăn chặn nhiều hơn một tiêu đề được gửi cùng một lúc. Đây là một sự bảo vệ chống lại các cuộc tấn công tiêm tiêu đề sau khi phát hành PHP 4.4. This function prevents more than one header to be sent at once. This is a protection against header injection attacks after PHP 4.4 release.

    Ví dụ dưới đây minh họa việc sử dụng tiêu đề () để làm mới trang hiện tại trong PHP:

    Ví dụ: Ví dụ này sử dụng hàm Header () để làm mới một trang web trong cứ sau 3 giây. This example uses header() function to refresh a web page in every 3 seconds.

    $("#scores").load("index.php #scores");
    
    0

    $("#scores").load("index.php #scores");
    
    1
    $("#scores").load("index.php #scores");
    
    2
    $("#scores").load("index.php #scores");
    
    3

    $("#scores").load("index.php #scores");
    
    1
    $("#scores").load("index.php #scores");
    
    5
    $("#scores").load("index.php #scores");
    
    3

    $("#scores").load("index.php #scores");
    
    7
    $("#scores").load("index.php #scores");
    
    8
    $("#scores").load("index.php #scores");
    
    9

    $("#scores").load("index.php #scores");
    
    1
    var $scores = $("#scores");
    setInterval(function () {
        $scores.load("index.php #scores");
    }, 30000);
    
    1
    var $scores = $("#scores");
    setInterval(function () {
        $scores.load("index.php #scores");
    }, 30000);
    
    2223
    $("#scores").load("index.php #scores");
    
    9

    var $scores = $("#scores");
    setInterval(function () {
        $scores.load("index.php #scores");
    }, 30000);
    
    5
    $("#scores").load("index.php #scores");
    
    3

    var $scores = $("#scores");
    setInterval(function () {
        $scores.load("index.php #scores");
    }, 30000);
    
    7

    Output:

    https://media.geeksforgeeks.org/wp-content/uploads/20190404004757/Untitled-Project.mp4

    Ví dụ 2: Ví dụ này sử dụng hàm tiêu đề () để chuyển hướng trang web sang trang khác. This example uses header() function to redirect web page into another page.

    $("#scores").load("index.php #scores");
    
    0

    $("#scores").load("index.php #scores");
    
    1
    $("#scores").load("index.php #scores");
    
    2
    $("#scores").load("index.php #scores");
    
    3

    $("#scores").load("index.php #scores");
    
    1
    $("#scores").load("index.php #scores");
    
    5
    $("#scores").load("index.php #scores");
    
    3

    var $scores = $("#scores");
    setInterval(function () {
        $scores.load("index.php #scores");
    }, 30000);
    
    5
    $("#scores").load("index.php #scores");
    
    3

    var $scores = $("#scores");
    setInterval(function () {
        $scores.load("index.php #scores");
    }, 30000);
    
    7

    Output:

    https://media.geeksforgeeks.org/wp-content/uploads/20190404005742/Untitled.mp4

    $("#scores").load("index.php #scores");
    
    1
    var $scores = $("#scores");
    setInterval(function () {
        $scores.load("index.php #scores");
    }, 30000);
    
    1
    var $scores = $("#scores");
    setInterval(function () {
        $scores.load("index.php #scores");
    }, 30000);
    
    2223
    $("#scores").load("index.php #scores");
    
    9
    https://www.php.net/manual/en/function.header.php

    Ví dụ 2: Ví dụ này sử dụng hàm tiêu đề () để chuyển hướng trang web sang trang khác.


    Làm cách nào để làm mới một phần của một trang?

    Làm mới một phần của một trang định kỳ, bạn có thể sử dụng chức năng tải lại khung hình định kỳ trong trang Frameset. Trong mã trên, Right Right_Frame đã tải lại mỗi giây. hàm setInterval () có liên quan rất chặt chẽ với setTimeout () - cả hai đều có cú pháp tương tự: setInterval (biểu thức, khoảng);use the frame “reload” function periodically in frameset page itself. In the above code, “right_frame” reloads every second. setInterval() function is very closely related to setTimeout() – both have similar syntax: setInterval ( expression, interval );

    Làm cách nào để tự động làm mới một phần của trang HTML?

    Cách tiếp cận 1: Người ta có thể tự động làm mới trang web bằng thẻ meta trong phần tử đầu của HTML của bạn bằng thuộc tính HTTP-Equiv.Đây là một thuộc tính sẵn có với HTML 5. Người ta có thể thêm khoảng thời gian làm mới bằng thuộc tính nội dung trong thẻ meta.using the meta tag within the head element of your HTML using the http-equiv property. It is an inbuilt property with HTML 5. One can further add the time period of the refresh using the content attribute within the Meta tag.

    Làm cách nào để làm mới một div cụ thể?

    JavaScript tải lại div..
    Sử dụng window.location.href in .load () để tải lại div trong javascript ..
    Sử dụng "#Id> *" với .load () để tải lại div trong javascript ..
    Sử dụng window.setInterval () để làm mới một div trong javascript ..

    Làm cách nào để làm mới trang trong PHP?

    Sử dụng hàm tiêu đề () để làm mới một trang web trong PHP.Các chức năng HTTP là các chức năng thao tác thông tin được gửi đến máy khách hoặc trình duyệt của máy chủ web trước khi bất kỳ đầu ra nào khác được gửi.Hàm tiêu đề PHP () gửi tiêu đề HTTP đến máy khách hoặc trình duyệt ở dạng thô. to refresh a web page in PHP. The HTTP functions are those functions which manipulate information sent to the client or browser by the Web server before any other output has been sent. The PHP header() function sends an HTTP header to a client or browser in raw form.