您的位置：首页技术文章
文章详情页

怎么实现从接口获取的信息的表格局部自动刷新

浏览：151日期：2022-06-22 18:04:42

问题描述

html如下：

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>title</title><!-- <meta http-equiv="refresh" content="2"> --><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>认证码</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不停的请求服务器（后端的逻辑自己写，什么条件下需要更新内容）

3。当请求到新的内容 就将元素#cont内容进行修改

就这么思路

上一条：jquery的基本语法格式下一条：api接口登陆后获取数据，切换页面显示未登录
相关文章：
1. $fields = $values = [];这条代码一直定义不了，一直报错，老师的源码也是被报错的,执行不了,请问该怎么解决这个问题2. python - 求一个在def中可以实现调用本def满足特定条件continue效果的方法（标题说不太清楚，请见题内描述）3. java - mybatis怎么实现在数据库中有就修改,没有就添加4. MYSQL新建用户设置可以远程访问的问题5. node.js - nodejs和前端JavaScript 字符串处理结果不一样是什么原因？6. angular.js - angularjs的自定义过滤器如何给文字加颜色？7. javascript - 用表单提交两个时间段请求后台返回对应数据时出现的一些问题！8. docker-compose中volumes的问题9. mysql - SQL操作时间的函数?10. docker api 开发的端口怎么获取？
排行榜
$fields = $values = [];这条代码一直定义不了，一直报错，老师的源码也是被报错的,执行不了,请问该怎么解决这个问题
$fields = $values = [];这条代码一直定义不了，一直报错，老师的源码也是被报错的,执行不了,请问该怎么解决这个问题
1. java - mybatis怎么实现在数据库中有就修改,没有就添加
2. python - 求一个在def中可以实现调用本def满足特定条件continue效果的方法（标题说不太清楚，请见题内描述）
3. MYSQL新建用户设置可以远程访问的问题
4. javascript - 用表单提交两个时间段请求后台返回对应数据时出现的一些问题！
5. angular.js - angularjs的自定义过滤器如何给文字加颜色？
6. node.js - nodejs和前端JavaScript 字符串处理结果不一样是什么原因？
7. docker api 开发的端口怎么获取？
8. docker-compose中volumes的问题
9. mysql - SQL操作时间的函数?
10. angular.js - angularjs 与requirejs集成
热门标签