实战小技巧系列(3):服务器端数据初始化到客户端数组中
2008-05-01 09:29
232 查看
为了增强用户体验,也为了减少服务器端的回发操作,使得服务器端与客户端之间的交互越来越被广泛使用,各种AJAX产品的出现也正是顺应了这股潮流。
在这里,我也不讲什么深奥的东西,只是把自己在开发当中遇到的一些实用的东西拿出来跟大家共享,希望不会有重的东西在。
案例:
现在我希望能够从数据库里读出一个数据列表,再把这个列表初始化到客户端的一个数组中去。这是一个典型的客户端与服务器端的交互,相信大家一看到这个就会有好多种方法来实现,在这里我就帮大家稍微整理一下。
解决方法:
1、通过AJAX实现
很多人可能会选择这种方法,确实用这种方法很方便,对asp.net 中的ajax来说,就可以直接从服务器端返回一个数组了。
2、在客户端用服务器端标记循环实现
这种方法,相信以前如果做过ASP的朋友一定比较熟悉,类似于以下代码:
<script>
var list = [];
<% 服务器端循环开始%>
list.push(<%循环值%>);
<%服务器端循环结束%>
</script>
3、用Page.ClientScript中的方法实现
在客户端先定义以下方法:
<script>
var list = [];
function AddObject(object)
{
list.push(object);
}
</script>
在服务器端:
for循环
{
Page.ClientScript.RegisterStartupScript(this.GetType(), "dd", "AddObject("+循环值+");", true);
}
4、我觉得这一个方法比较巧妙,我也经常使用。
客户端:
<script>
var list = [];
function AddObject(object)
{
list.push(object);
}
<asp:Literal ID="userObjectUtil" runat="server"></asp:Literal>
</script>
注意,在<script></script>标记中加入了一个服务器控件, <asp:Literal ID="userObjectUtil" runat="server"></asp:Literal>,微软的解析是够强的,放在这里在服务器端照样能够使用。
服务器端:
StringBuilder sb = new StringBuilder(200);
for循环
{
sb.AppendFormat("AddObject('{0}');\n", 循环值);
}
userObjectUtil.Text = sb.ToString();
本人比较常用的就这么几种,不知道大家还有哪些好的方法。因为像这种应用,应该是越简单越好,没有必要搞得比较复杂。
在这里,我也不讲什么深奥的东西,只是把自己在开发当中遇到的一些实用的东西拿出来跟大家共享,希望不会有重的东西在。
案例:
现在我希望能够从数据库里读出一个数据列表,再把这个列表初始化到客户端的一个数组中去。这是一个典型的客户端与服务器端的交互,相信大家一看到这个就会有好多种方法来实现,在这里我就帮大家稍微整理一下。
解决方法:
1、通过AJAX实现
很多人可能会选择这种方法,确实用这种方法很方便,对asp.net 中的ajax来说,就可以直接从服务器端返回一个数组了。
2、在客户端用服务器端标记循环实现
这种方法,相信以前如果做过ASP的朋友一定比较熟悉,类似于以下代码:
<script>
var list = [];
<% 服务器端循环开始%>
list.push(<%循环值%>);
<%服务器端循环结束%>
</script>
3、用Page.ClientScript中的方法实现
在客户端先定义以下方法:
<script>
var list = [];
function AddObject(object)
{
list.push(object);
}
</script>
在服务器端:
for循环
{
Page.ClientScript.RegisterStartupScript(this.GetType(), "dd", "AddObject("+循环值+");", true);
}
4、我觉得这一个方法比较巧妙,我也经常使用。
客户端:
<script>
var list = [];
function AddObject(object)
{
list.push(object);
}
<asp:Literal ID="userObjectUtil" runat="server"></asp:Literal>
</script>
注意,在<script></script>标记中加入了一个服务器控件, <asp:Literal ID="userObjectUtil" runat="server"></asp:Literal>,微软的解析是够强的,放在这里在服务器端照样能够使用。
服务器端:
StringBuilder sb = new StringBuilder(200);
for循环
{
sb.AppendFormat("AddObject('{0}');\n", 循环值);
}
userObjectUtil.Text = sb.ToString();
本人比较常用的就这么几种,不知道大家还有哪些好的方法。因为像这种应用,应该是越简单越好,没有必要搞得比较复杂。
相关文章推荐
- 云星数据---Scala实战系列(精品版)】:Scala入门教程005-Scala数组详解004
- 【Web API系列教程】3.6 — 实战:处理数据(创建JavaScript客户端)
- 云星数据---Scala实战系列(精品版)】:Scala入门教程004-Scala数组详解003
- 云星数据---Scala实战系列(精品版)】:Scala入门教程003-Scala数组详解002
- C# 视频监控系列(5):客户端——给服务器端发送字符串和录像(数据捕获)
- 云星数据---Scala实战系列(精品版)】:Scala入门教程034-Scala实战源码-Scala apply方法02 初始化对象
- 云星数据---Scala实战系列(精品版)】:Scala入门教程002-Scala数组详解001
- 云星数据---Scala实战系列(精品版)】:Scala入门教程041-Scala实战源码-Scala 数组array
- C# 视频监控系列(5):客户端——给服务器端发送字符串和录像(数据捕获)
- C# 视频监控系列(5):客户端——给服务器端发送字符串和录像(数据捕获)
- 云星数据---Scala实战系列(精品版)】:Scala入门教程007-Scala数组详解006
- 使用ASP.NET AJAX异步调用Web Service和页面中的类方法(8):服务器端和客户端数据类型的自动转换:数组类型
- 云星数据---Scala实战系列(精品版)】:Scala入门教程006-Scala数组详解005
- android客户端从服务器端获取json数据并解析的实现代码
- 云星数据---Scala实战系列(精品版)】:Scala入门教程031-Scala实战源码-Scala 对象 01
- Android客户端向服务器端发送数据的流程(1)
- SCCM2012 R2实战系列之四:初始化配置
- 将服务器端的json数组传回客户端(工具类)
- 云星数据---Scala实战系列(精品版)】:Scala入门教程042-Scala实战源码-Scala 集合List
- C# 视频监控系列(9):服务器端——数据捕获(抓图 + 录像)