网页中有两个table,如何只刷新其中一个,而另外一个不刷新?
高手赐教!有例子最好。
高手赐教!有例子最好。
解决方案 »
- 大侠帮看看我的ext做的下拉树为何关掉tabpanel再打开下拉树就没了,firebug看到的树的json串返回正常
- 这段代码怎么不能在“Mozilla Firefox”下运行,高手帮我看看吧,谢谢!
- 有关复数form传递数据的问题
- 如何使窗口上的Close按钮失效?
- 发现js的一个bug,不知道有没有人遇到过
- void(0);是什么意思呀 0又是什么意思呀
- 超难的问题,关于单元格?
- 如何控制IE当中的“文件”菜单下的“页面设置”的内容???急!
- 关闭一个窗口,有不弹出对话框的对象吗??
- 【急急急】 webpack+java spring boot 打包
- new 操作符原理的疑惑
- [紧急]js动态添加div的问题(马上结贴)
首先页面上两个table。id为table1,table2.
其次data为Ajax请求获得的数据。
刷新
$("#table1").empty();var tableStr = [];
if(data.length>1){
for(var i=0;i<data.length;++i)
//这里循环显示数据,根据你的数据格式自己修改
tableStr.push("<tr><td>",data[i],"</td></tr>");
}
tableStr = tableStr.join("");
$("#table1").append(tableStr);
比如我现在又下面一个页面文件:如何只刷新t2,而不刷新t1?
<html>
<head>
<title>NAC</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body text="#000000" link="#000000" vlink="#000000" alink="#000000">
<table id="t1" width="200" border="1">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
<table id="t2" width="200" border="1">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
<html>
<head>
<title>NAC </title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <script type="text/javascript" src="jquery-1[1].3.2.min.js"></script>
<script type="text/javascript">
function GetNewTable() {
//获取数据
$.ajax({
type: "post",
url: "Handler.ashx", //获取数据的url
data: { m: 'a' }, //发送的数据(可以不要这项)
success: function(arr) {
arr = eval(arr); //刷新方式一,当不能确定表格是否会改变时使用,既刷新前的行列数和刷新后的不一定相同
// $("#t1").empty();
// var tableStr = [];
// tableStr.push("<tr><td>", arr[0].name, "</td><td>", arr[1].name, "</td></tr>"); // tableStr = tableStr.join("");
// $("#t1").append(tableStr); //刷新方式二,既刷新前的行列数和刷新后的一定相同时使用
// var tdArr = $("#t1 td");
// tdArr[0].innerHTML = arr[0].name;
// tdArr[1].innerHTML = arr[1].name;
}
});
}
</script></head>
<body text="#000000" link="#000000" vlink="#000000" alink="#000000">
<table id="t1" width="200" border="1">
<tr>
<td>1 </td>
<td>2 </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
<table id="t2" width="200" border="1">
<tr>
<td>3 </td>
<td> </td>
</tr>
<tr>
<td>4 </td>
<td> </td>
</tr>
</table>
<input type="button" onclick="GetNewTable()" value="刷新table1" />
</body>
</html> 后台代码:
<%@ WebHandler Language="C#" Class="Handler" %>using System;
using System.Web;public class Handler : IHttpHandler
{
public void ProcessRequest (HttpContext context)
{
char method = Convert.ToChar(context.Request.Params["m"]);
context.Response.ContentType = "text/plain"; string arraryA = "[{name:\"中国\"},{name:\"美国\"},{name:\"英国\"}]";
string arraryB = "[{name:\"中国1\"},{name:\"美国2\"},{name:\"英国3\"}]";
switch (method)
{
case 'a':
context.Response.Write(arraryA);
break;
case 'b':
context.Response.Write(arraryB);
break;
}
}
public bool IsReusable {
get {
return false;
}
}}
不过是.net的后台代码,如果你是其它语言你就要自己写后台了,在公司,电脑上没装其它编译器
主要功能就是输出数据,这个输出格式就json的数据格式,你自己写觉得麻烦就改成字符串,自己切割一下装入数组,前台代码绑定那修改下就好了
我后台是用的goahead webserver,一个开源的服务器,要怎么处理?或者还有没有别的办法实现这种局部刷新的?