html网页局部刷新,该如何解决
html网页局部刷新
怎么使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>"
------解决思路----------------------
参考http://www.w3school.com.cn/tiy/t.asp?f=jquery_ajax2
------解决思路----------------------
刷新的代码不多啊
$(document).ready(function(){ setInterval(function(){$('#test').load('index.htm.txt');},3000)})//就一句
------解决思路----------------------
------解决思路----------------------
jquery 路径对吗
有没有测试地址给个
怎么使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>"
------解决思路----------------------
参考http://www.w3school.com.cn/tiy/t.asp?f=jquery_ajax2
------解决思路----------------------
刷新的代码不多啊
$(document).ready(function(){ setInterval(function(){$('#test').load('index.htm.txt');},3000)})//就一句
------解决思路----------------------
<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>
------解决思路----------------------
jquery 路径对吗
有没有测试地址给个