html网页局部刷新

dingyucheng_gcs 2015-01-05 05:33:48

怎么使html网页局部自动刷新id=\"test\"的内容，使用异步方法刷新要求代码尽量简洁，因为有内存限制。

"<html><head>\n\
<meta name='viewport' content='width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no'/>\n\
<title></title><style type='text/css'>\n\
a{color:black;text-decoration:none}nav{display:-webkit-box;-webkit-box-orient:horizontal;-webkit-box-pack:justify}\n\
.nav a{display:block}.mod{text-align:center;padding:10px 0;border-top:1px solid #EBEBEB}.mod .tab{margin:auto;width:300px}\n\
</style>
</head>
<body id=\"test\" style='margin:0;padding:0'>\n\
<div style='background:#168DFD;text-align:center;line-height:45px'><span style='color: #fff'>APF %s-%d</span></div>\n\
<div style='padding:10px 12px 10px 12px'><nav class='nav'><a href='#' style='color:#168DFD'>基本</a><a href='power.htm'>功率</a><a href='io.htm'>I/O</a><a href='setting.htm'>设置</a><a href='about.htm'>关于</a></nav></div>\n\
<div class='mod'>
<table class='tab'>
<tr><th colspan='4'>电网电压</th></tr>
<tr><td width='50%%'>有效值(V)</td><td>%.1f</td><td>%.1f</td><td>%.1f</td></tr><
tr><td>频率(Hz)</td><td>%.1f</td><td>%.1f</td><td>%.1f</td></tr>
<tr><td>THDU(%)</td><td>%.1f</td><td>%.1f</td><td>%.1f</td></tr></table></div>\n\
<div class='mod'>
<table class='tab'>
<tr><th colspan='4'>电网电流</th></tr>
<tr><td width='50%%'>有效值(A)</td><td>%.1f</td><td>%.1f</td><td>%.1f</td></tr>
<tr><td>功率因数</td><td>%.2f</td><td>%.2f</td><td>%.2f</td></tr>
<tr><td>THDI(%)</td><td>%.1f</td><td>%.1f</td><td>%.1f</td></tr></table></div>\n\
</body></html>"

...全文

584 18 打赏收藏转发到动态举报

写回复

用AI写文章

18 条回复

切换为时间正序

请发表友善的回复…

发表回复

dingyucheng_gcs 2015-01-06

打赏
举报

那个index.htm是我要加载的url,后面那个.txt是不是就是加载来的文本啊，还是什么意思啊，load（）括号里该怎么写啊

dingyucheng_gcs 2015-01-06

打赏
举报

你好，我现在大概知道为什么不行了，我没有下载jquery库，而且我做的是一个嵌入式无线wifi，是用MDK软件调试编译的，我不知道可以用Jquery不，如果能用，怎么把Jquery库加到我的项目里来啊

slwsss 2015-01-05

打赏
举报

oad('index.htm.txt');路径对吗控制台那里调试下

slwsss 2015-01-05

打赏
举报

引用 13 楼 dingyucheng_gcs 的回复:

<script> function loadXMLDoc() { var xmlhttp;if (window.XMLHttpRequest){xmlhttp=new XMLHttpRequest();}else{xmlhttp=new ActiveXObject(\"Microsoft.XMLHTTP\"); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById(\"test\").innerHTML=xmlhttp.responseText; } } xmlhttp.open(\"GET\",\"index.htm\",true); xmlhttp.send(); } setInterval(loadXMLDoc,3000) </script> 上面这样写在我的网页里可以实现部分定时刷新，其他的用jquery都没实现刷新，不知道是不是这个jquery 路径问题，还是其他问题

不知道你那里是什么问题这个可以就用这个吧，封装成函数调用

dingyucheng_gcs 2015-01-05

打赏
举报

你要什么例子啊

dingyucheng_gcs 2015-01-05

打赏
举报

slwsss 2015-01-05

打赏
举报

引用 11 楼 dingyucheng_gcs 的回复:

额，还是不行啊

例子

dingyucheng_gcs 2015-01-05

打赏
举报

额，还是不行啊

slwsss 2015-01-05

打赏
举报

引用 9 楼 dingyucheng_gcs 的回复:

jquery 路径应该怎么写啊，测试地址是网页的地址吗：http://192.168.1.1/index.htm第一次搞这个

dingyucheng_gcs 2015-01-05

打赏
举报

jquery 路径应该怎么写啊，测试地址是网页的地址吗：http://192.168.1.1/index.htm第一次搞这个

slwsss 2015-01-05

打赏
举报

引用 7 楼 dingyucheng_gcs 的回复:

这个我也试了，在那个W3school在线测试工具里可以，但是放到我网页里就不行

jquery 路径对吗有没有测试地址给个

dingyucheng_gcs 2015-01-05

打赏
举报

这个我也试了，在那个W3school在线测试工具里可以，但是放到我网页里就不行

slwsss 2015-01-05

打赏
举报

<html>
<head>
<script type="text/javascript" src="http://www.w3school.com.cn/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  setInterval(function(){$.get('a.html',function(a){$("#myDiv").html(a)})},3000)
});
</script>
</head>
<body>

<div id="myDiv"><h2>通过 AJAX 改变文本</h2></div>
</body>
</html>

dingyucheng_gcs 2015-01-05

打赏
举报

还有就是这个<script src=\"/jquery/jquery-1.11.1.min.js\"></script>里面的那个src有什么用，应该怎么写它啊

dingyucheng_gcs 2015-01-05

打赏
举报

是啊，但是没有实现刷新的功能

slwsss 2015-01-05

打赏
举报

刷新的代码不多啊 $(document).ready(function(){ setInterval(function(){$('#test').load('index.htm.txt');},3000)})//就一句

dingyucheng_gcs 2015-01-05

打赏
举报

呵呵又是你啊，麻烦在帮我看下代码有什么问题不能刷新,上次用AJAX可以刷新但是代码有点多，现在需要代码量尽量少的方法实现 <html><head>\n\ <meta name='viewport' content='width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no'/>\n\ <title></title><style type='text/css'>\n\ a{color:black;text-decoration:none}nav{display:-webkit-box;-webkit-box-orient:horizontal;-webkit-box-pack:justify}\n\ .nav a{display:block}.mod{text-align:center;padding:10px 0;border-top:1px solid #EBEBEB}.mod .tab{margin:auto;width:300px}\n\ </style>\n\ <script src=\"/jquery/jquery-1.11.1.min.js\"></script>\n\ <script>\n\ $(document).ready(function(){ setInterval(function(){$('#test').load('index.htm.txt');},3000)})\n\ </script>\n\ </head><body id=\"test\" style='margin:0;padding:0'>\n\ <div style='background:#168DFD;text-align:center;line-height:45px'><span style='color: #fff'>APF %s-%d</span></div>\n\ <div style='padding:10px 12px 10px 12px'><nav class='nav'><a href='#' style='color:#168DFD'>基本</a><a href='power.htm'>功率</a><a href='io.htm'>I/O</a><a href='setting.htm'>设置</a><a href='about.htm'>关于</a></nav></div>\n\ <div class='mod'><table class='tab'><tr><th colspan='4'>电网电压</th></tr><tr><td width='50%%'>有效值(V)</td><td>%.1f</td><td>%.1f</td><td>%.1f</td></tr><tr><td>频率(Hz)</td><td>%.1f</td><td>%.1f</td><td>%.1f</td></tr><tr><td>THDU(%)</td><td>%.1f</td><td>%.1f</td><td>%.1f</td></tr></table></div>\n\ <div class='mod'><table class='tab'><tr><th colspan='4'>电网电流</th></tr><tr><td width='50%%'>有效值(A)</td><td>%.1f</td><td>%.1f</td><td>%.1f</td></tr><tr><td>功率因数</td><td>%.2f</td><td>%.2f</td><td>%.2f</td></tr><tr><td>THDI(%)</td><td>%.1f</td><td>%.1f</td><td>%.1f</td></tr></table></div>\n\ </body></html>"

slwsss 2015-01-05