文章詳情頁

怎么實(shí)現(xiàn)從接口獲取的信息的表格局部自動刷新

瀏覽：190日期：2022-06-22 18:04:42

問題描述

html如下：

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>title</title><script language="javascript" src="../JS/login.js"></script><link rel="stylesheet" href="../CSS/login.css" type="text/css"></head><body onload="Login();"> <div class="main"> <div id="myDiv" class="table1box"> <table id="table1" class="table1" border="1px"> <tr> <th>信息</th> <th>msg</th> <th>認(rèn)證碼</th> </tr> </div> </div> </table> </body></html>

js如下：

function Login() { var xmlhttp; if (window.XMLHttpRequest) { xmlhttp = new XMLHttpRequest(); } else { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); }

xmlhttp.onreadystatechange = function() { if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { var datastr = xmlhttp.responseText; var dataobj = JSON.parse(datastr) let dataarr = []; for (let i in dataobj) { dataarr.push(dataobj[i]); }

var table = document.getElementById("table1"); var row = table.insertRow(table.rows.length); var c1 = row.insertCell(0); c1.innerHTML = dataarr[0]; var c2 = row.insertCell(1); c2.innerHTML = dataarr[1]; var c3 = row.insertCell(2); c3.innerHTML = dataarr[2]; } } xmlhttp.open("POST", "https://api.123321yun.com/api/user/login?username=test123&password=123456", true); xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); xmlhttp.send(); }

小白求幫忙

問題解答

回答1：

1。確定要刷新的元素比如 id為 #cont

2。ajax不停的請求服務(wù)器（后端的邏輯自己寫，什么條件下需要更新內(nèi)容）

3。當(dāng)請求到新的內(nèi)容就將元素#cont內(nèi)容進(jìn)行修改

就這么思路

上一條：jquery的基本語法格式下一條：api接口登陸后獲取數(shù)據(jù)，切換頁面顯示未登錄

相關(guān)文章：

1. mac里的docker如何命令行開啟呢？2. 為什么我ping不通我的docker容器呢？？？3. nignx - docker內(nèi)nginx 80端口被占用4. 關(guān)docker hub上有些鏡像的tag被標(biāo)記““This image has vulnerabilities””5. docker容器呢SSH為什么連不通呢？6. Docker for Mac 創(chuàng)建的dnsmasq容器連不上/不工作的問題7. angular.js使用$resource服務(wù)把數(shù)據(jù)存入mongodb的問題。8. javascript - 最近用echarts做統(tǒng)計(jì)圖時遇到兩個問題??！9. docker 下面創(chuàng)建的IMAGE 他們的 ID 一樣？這個是怎么回事？？？？10. docker gitlab 如何git clone？

排行榜

					
					Docker for Mac 創(chuàng)建的dnsmasq容器連不上/不工作的問題
					1. nignx - docker內(nèi)nginx 80端口被占用
					2. 為什么我ping不通我的docker容器呢？？？
					3. 關(guān)docker hub上有些鏡像的tag被標(biāo)記““This image has vulnerabilities””
					4. docker容器呢SSH為什么連不通呢？
					5. mac里的docker如何命令行開啟呢？
					6. dockerfile - 我用docker build的時候出現(xiàn)下邊問題  麻煩幫我看一下
					7. 關(guān)于docker下的nginx壓力測試
					8. angular.js使用$resource服務(wù)把數(shù)據(jù)存入mongodb的問題。
					9. docker鏡像push報錯
					10. 
			熱門標(biāo)簽

					
					PHP

					JavaScript

					HTML

					CSS

					java

					vue

					數(shù)據(jù)庫

					微信

					百度

					

日本不卡不码高清免费观看,久久国产精品久久w女人spa,黄色aa久久,三上悠亚国产精品一区二区三区