PHP AjAx Jquey 怎樣動(dòng)態(tài)實(shí)現(xiàn)輸出循環(huán)內(nèi)容？

如果 PHP 輸出的結(jié)果不是很多，例如有20條網(wǎng)站新聞，你完全可以在頁(yè)面加載的時(shí)候全部輸出，但是隱藏，然后用 Javascript 判斷應(yīng)該顯示哪一條。

為潁上等地區(qū)用戶提供了全套網(wǎng)頁(yè)設(shè)計(jì)制作服務(wù)，及潁上網(wǎng)站建設(shè)行業(yè)解決方案。主營(yíng)業(yè)務(wù)為成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作、潁上網(wǎng)站設(shè)計(jì)，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠(chéng)的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會(huì)得到認(rèn)可，從而選擇與我們長(zhǎng)期合作。這樣，我們也可以走得更遠(yuǎn)！

【CSS】

ul#news li {display: none;}

【PHP】

?php

// 假設(shè)你的數(shù)據(jù)是從 MySQL 數(shù)據(jù)庫(kù)中得到，輸出最后20條新聞

$mysqli = new mysqli("localhost", "user", "password", "news");

$result = mysqli-query("SELECT title, content FROM news ORDER by ID DESC LIMIT 20");

echo "ul id=\"news\"";

while ($row = $result-fetch_assoc()) {

echo "listrong".$row["title"]."/strong: ".$row["content"]."/li";

}

echo "/ul";

exit;

?

【jQuery】

$(function() {

// 頁(yè)面加載的時(shí)候顯示第一條新聞

$("#news li:first").show();

var current_row = 1;

var interval_news = setInterval(function() {

// 隱藏當(dāng)前新聞

$("#news li:nth-child(" + current_row + ")").hide();

// 顯示 current_row + 1 條新聞

$("#news li:nth-child(" + (current_row + 1) + ")").show();

// 更新 current_row

if(current_row == 20)

current_row = 1;

else

current_row++;

// 每120秒循環(huán)一次

}, 1000 * 120);

});

如果每次輸出的內(nèi)容比較多，要每2分鐘通過(guò) $.post 或 $.get 向服務(wù)器發(fā)出請(qǐng)求

【PHP】

?php

if(isset($_GET["id"])) {

// mysql LIMIT 的 offset 從 0 開(kāi)始

$id = (int)$_GET["id"] - 1;

$mysqli = new mysqli("localhost", "user", "password", "news");

$result = mysqli-query("SELECT title, content FROM news ORDER by ID DESC LIMIT $id, 1");

$data = $result-fetch_assoc();

// 只輸出 id 為 $id 的內(nèi)容，格式為 json

echo json_encode(array($data["title"], $data["content"]));

}

exit;

?

【jQuery】

$(function() {

var id = 1;

var news_interval = setInterval(function() {

$.get("news.php", {id: id}, function(data) {

data = $.parseJSON(data);

$("h2#title").text(data.title);

$("div#content").html(data.content);

});

if(id == 20)

id = 0;

else

id++;

}, 1000 * 120);

});

這只是大體思路，具體操作還要根據(jù)你的需求而定。

php如何循環(huán)數(shù)據(jù)給ajax

你的前臺(tái)頁(yè)面$.each循環(huán) 是不是應(yīng)該循環(huán)data.list，如果非要寫成data ,那么后臺(tái)php組裝數(shù)據(jù)的時(shí)候

$arr['list'][] = ...直接寫成$arr[] 你加個(gè)list鍵是有什么特別的意義嗎

thinkphp 模版中怎樣調(diào)用ajax返回的數(shù)據(jù)，并進(jìn)行循環(huán)。

使用js動(dòng)態(tài)獲取的數(shù)據(jù)是無(wú)法使用thinkphp標(biāo)簽的，可以使用一些js的模板標(biāo)簽，如?arttemplate

如果一定要?jiǎng)討B(tài)使用thinkphp的標(biāo)簽，可以設(shè)置一個(gè)獨(dú)立的頁(yè)面，顯示的就是html的內(nèi)容，再通過(guò)jquery ?get數(shù)據(jù)替換到頁(yè)面中。

網(wǎng)頁(yè)題目：phpajax數(shù)據(jù)循環(huán) php 循環(huán)
瀏覽路徑：http://jinyejixie.com/article38/dddhisp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供ChatGPT、靜態(tài)網(wǎng)站、、動(dòng)態(tài)網(wǎng)站、全網(wǎng)營(yíng)銷推廣、網(wǎng)站策劃

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)