如何将服务器端计算出的数组传递到客户端的JavaScript？

最新推荐文章于 2018-10-31 10:45:08 发布

amylis

最新推荐文章于 2018-10-31 10:45:08 发布

阅读量1.2k

点赞数

分类专栏： VB.NET 文章标签： javascript 服务器 webservice function microsoft generator

本文链接：https://blog.csdn.net/amylis/article/details/561991

版权

VB.NET 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

假设在服务器端计算得到了一个数组s需要传递到JavaScript中的名为my_array的数组继续进行处理：
protected int[] s;//protected or public is required
为了测试给s赋几个值：
s = new int[100];
for (int i=0; i<s.Length; i++)
{
s[i] = i;
}
-------------------------------------------------------------------
方法一(ASP风格，不推荐)：
In the aspx page:
<script language="javascript">
//将cs中的数组传js中的数组
var my_array = new Array(100);
<%
string iniArr = null;
for (int i=0; i<100; i++)
{
iniArr += "my_array[" + i + "]=" + s[i] + ";";
}
%>
<%=iniArr%>
//下面为测试用代码
for (i=0; i<100; i++)
{
document.all("num").innerText += my_array[i];
}
</script>

-------------------------------------------------------------------
方法二(使用webservice，感谢bitsbird提供了代码)：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>RealTime</title>
<meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
<meta name="CODE_LANGUAGE" Content="C#">
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
<script language="javascript">
var intCallID=0;
function Init()
{
GetNewFeatured();
setInterval("GetNewFeatured()",10000);
}
function GetNewFeatured()
{
Service.useService("http://localhost/WebService/LoadData/FeaturedService.asmx?WSDL","FeaturedService");
intCallID=Service.FeaturedService.callService(RealTime_Result,"GetScores");
}
function RealTime_Result(result)
{
if(result.error)
{
divFeatured.innerHTML=result.errorDetail.string;
}
else
{
divFeatured.innerHTML=result.value;
}
}
</script>
</HEAD>
<body οnlοad="Init()">
<div id="Service" style="BEHAVIOR:url(webservice.htc)"></div>
<div id="divFeatured"><FONT face="宋体"></FONT> </div>
</body>
</HTML>

-------------------------------------------------------------------
方法三(使用XmlHttp):
在任一页面的Page_Load()里面写：
if (Request.QueryString["GetData"] == "1")
{
Response.ClearContent();
string copyValue = null;
for (int i=0; i<s.Length; i++)
{
copyValue += s[i] + ",";
}
Response.Write(copyValue.Substring(0, copyValue.Length - 1));
Response.End();
}
然后在要得到值的js所在页面写：
function AsyncCopy()
{
var xmlhttp = new ActiveXObject("Msxml2.XMLHTTP.3.0");
xmlhttp.open("GET","ModifyToYourPageUrl.aspx?GetData=1", false);
xmlhttp.send();
var iniArr = xmlhttp.responseText;
eval("my_array = new Array(" + iniArr + ");");
//下面为测试用代码
for (i=0; i<my_array.length; i++)
{
document.all("num").innerText += my_array[i] + ", ";
}
}
用一个按钮的单击事件启动：
<input type="button" οnclick="javascript:AsyncCopy();" value="Copy">

-------------------------------------------------------------------
方法四(使用Page.RegisterArrayDeclaration()):
在Page_Load()中写：
System.Text.StringBuilder sb = new System.Text.StringBuilder(512);
foreach (int i in s)
{
sb.Append(i);
sb.Append(',');
}
sb.Length--;
Page.RegisterArrayDeclaration("my_array", sb.ToString());
这样就在客户端生成了一个名为my_array的数组，可以直接用
备注：上面的代码仅供演示，一些数组大小用的都是常数，而且没有异常处理，使用时需要完善。

总结：
1、最简单、方便的是第四种方法。有了这种方法，第一种方法就是多余的了。
2、xmlhttp和webservice这两种方法不会影响页面的初次加载时间，可以在需要的时候随时获得数组，适合大数据量的传输。同时这两种方法不受页面的限制，在A页面的js可以获得B页面的数组或者另一个Webservice的计算结果。

amylis

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
如何将服务器端计算出的数组传递到客户端的JavaScript？

假设在服务器端计算得到了一个数组s需要传递到JavaScript中的名为my_array的数组继续进行处理： protected int[] s;//protected or public is required 为了测试给s赋几个值： s = new int[100]; for (int i=0; i{ s[i] = i; } ----------------------------------
复制链接

扫一扫