有使用 JSON、JScript 和 jQuery 的教程吗？ [关闭]答案

【问题标题】：Any tutorials for using JSON, JScript and jQuery? [closed]有使用 JSON、JScript 和 jQuery 的教程吗？ [关闭]
【发布时间】：2009-09-26 17:46:35
【问题描述】：

我最近才开始在我的经典 ASP 网站上使用 jQuery。我计划重建一个有 4 个部分的页面，每个部分显示多行和多列。 JSON 可以在这里帮助我，但我看到的所有示例都与 VBScript 相关。这个站点是 JScript，我正在寻找一些使用 JSON、JScript 和 jQuery 的示例或教程。

谢谢

【问题讨论】：

标签： jquery json javascript

【解决方案1】：

如果我理解正确，您在经典 ASP 网站上同时使用服务器端 (JScript) 和客户端 (Javascript/JQuery) 的 Javascript？

我的建议是专注于 JQUery 中的客户端开发，尽可能在服务器端进行少量更改（除非您要构建一个全新的 WEB 2.0 应用程序）。

JScript 应该能够直接解析 JSON，据我所知，Javasctipt 序列化代码（参见 ww.json.org）也应该在 JScript 中工作，用于将数据传递给客户端。你也可以直接用简单的 Response.Write-s 构建基本的 JSON 数据结构

【讨论】：

服务器端我正在使用 JScript。对于基本的事情，我正在使用 Response.Write，我什至创建了一个管道 |分隔字符串并传回客户端。然后创建一个数组并使用该信息。但是可以说我想获取一些客户的列表，并且这些信息可以有多个行和列。我想创建一个（数组）对象并使用 JSON 将其传递回客户端，然后显示它。为此，到目前为止我看到的所有示例都是使用 VBscript 作为服务器端完成的。我不确定 JSON 是否可以与 JScript 一起使用。我在这里需要帮助。
你想要的是在JSON中创建多维数组并将其传递给客户端，客户端可以直接在Javascript中访问它。例如：data = "({'row1' : ['one', 'two', 'three'], 'row2' : ['four', '五', 'six'] })";我的数据 = 评估（数据）； jQuery('#mydiv').html(mydata.row1[0]);要创建数据，请使用 response.write 或者您可以在服务器端使用 json.org/json2.js 序列化/“字符串化”您的 JScript 数据结构（应该稍加修改即可工作？）

【解决方案2】：

Where can I find a tutorial to get started learning jQuery?

【讨论】：

【解决方案3】：

在客户端，可以利用此示例从服务器获取 JSON 对象并使用它。 http://docs.jquery.com/Ajax/jQuery.getJSON

使用这个例子，我可以在客户端构建一个 JSON 对象，并使用 JSON.stringify(JSONObject); 将其传递给服务器。 http://ditio.net/2008/07/17/php-json-and-javascript-usage/

此页面包含使用 VBScript 的示例服务器端代码，下载页面包含 VBScript 中可用的类来使用它。 http://code.google.com/p/aspjson/

对于我的应用程序，在服务器端，我可以使用 eval 将接收到的 json 字符串转换为对象，但这并不安全。 http://www.json.org/js.html

对于 JScript，我尝试过，但我无法在上述位置找到与 VBScript 类或类本身中指定的 2 个方法等效的方法，这些是 stringify（转换 JavaScript数据结构转换为 JSON 文本）和 parse（将 JSON 文本转换为对象）。

还是一头雾水，需要休息一下再开始阅读。

在 SitePointForums 获得了一个使用 XML 的好教程。 http://articles.sitepoint.com/article/ajax-jquery

我可以在我的页面上使用 XML，甚至可以将 4 个项目转换为 4 个外部页面，并在页面准备好时逐个加载（可以显示加载消息）。

$(document).ready(function() {
ShowPage("page.asp?clientID=12345&dataType=1", "1");
ShowPage("page.asp?clientID=12345&dataType=2", "2");
ShowPage("page.asp?clientID=12345&dataType=3", "3");
ShowPage("page.asp?clientID=12345&dataType=4", "4");
});

function ShowPage(url, id)
{
 $('#view'+id).html('');
 $.get(url,function(data){
    $('#view'+id).html(data);
    $('#loader'+id).hide(); //animated image, hide
    $('#view'+id).fadeIn();
 });
}

【讨论】：