jquery - 使用简单的 JSON Hello World 应用程序时遇到问题-6ren

jquery - 使用简单的 JSON Hello World 应用程序时遇到问题

转载作者：行者123 更新时间：2023-12-01 05:03:08

25

4

我正在尝试学习如何使用 Ajax 编写更加动态的网站。我发现的示例似乎只向服务传递一个字符串参数或从服务传递一个字符串参数。经过一番观察，我发现一些开发人员通过创建一个对象然后使用 JSON 序列化该对象来传递多个值。

因此，我想创建一个简单的 HelloWorld 应用程序，可以双向传递对象。例如，服务将 .NET 对象序列化为 JSOn 并将其传回浏览器以供 Javascript 解析，还有一个示例是 Javascript 对象在客户端序列化为 JSON，然后反序列化为 .NET 对象在服务器上。为了将 Javascript 对象序列化为 JSON，我在 json.org 找到了一个 javascript 例程 json.js，

我的简单示例包含以下包含文件:

<script language="javascript" type="text/javascript" src="Scripts/jquery-1.4.1.js"></script>
<script language="javascript" type="text/javascript" src="Scripts/json.js"></script>
<script language="javascript" type="text/javascript" src="Scripts/script.js"></script>

第三个是我自己的js文件，其中包含以下代码:

function CallHandler()
{

    $.ajax({
        url: "Handlers/Handler1.ashx",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        data: { 'Id': '101', 'Name': 'Chad' },
        responseType: "json",
        success: OnComplete,
        error: OnFail
    });
    return false;
}

function CallHandler2()
{
    var EmployeeSerialized = JSON.stringify(GetInput());

    $.ajax({
        url: "Handlers/Handler2.ashx",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        data: EmployeeSerialized,
        responseType: "json",
        success: OnComplete2,
        error: OnFail
    });
    return false;
}

function GetInput()
{
    var emp = new Object();
    emp.Name = 'Brij';
    emp.Age = '27';
    return emp;
}
function OnComplete(result)
{
    alert(result.ID + ' ' + result.Name + ' ' + result.Age + ' ' + result.Timestring);
}

function OnComplete2(result)
{
    alert("Complete2");
}

function OnFail(result)
{
    alert('Ajax failed' + result);

}

它是从以下网页调用的:

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="WebForm1.aspx.vb" Inherits="WebApplication2.WebForm1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script language="javascript" type="text/javascript" src="Scripts/jquery-1.4.1.js"></script>
    <script language="javascript" type="text/javascript" src="Scripts/json.js"></script>
    <script language="javascript" type="text/javascript" src="Scripts/script.js"></script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Button ID="Button1" runat="server" Text="CallHandler" OnClientClick="CallHandler();" />
        <asp:Button ID="Button2" runat="server" Text="CallHandler2" OnClientClick="CallHandler2();" />
    </div>
    </form>
</body>
</html>

我的问题是我无法让两个按钮事件同时工作。例如，就应用程序现在而言，如果我包含所有 3 个 INCLUDE 语句，则只有 Callhandler2 事件成功调用其服务器端 Httphandler。但是，如果我注释掉 json.js INCLUDe 文件，第一个文件可以工作，但第二个文件会中断。显然，第二个中断，因为它需要在删除的 js 文件中找到的 Stringify 函数。问题是，为什么包含 json.js 文件会破坏 Callhandler2 事件？一定存在某种冲突。

我认为我应该尝试最新版本的 jQuery 库，因此尝试包含版本 1.6.2，但是，当按下 CallHandler2 按钮时，这只会引入旧版 jQuery 库的 JSON 解析错误，而旧版 jQuery 库并没有这样做。发生在之前。

与我在服务器端开发的经验相比，我发现使用 Javascript 非常令人沮丧，原因有很多，包括缺乏良好的错误消息。在这种情况下，我没有错误消息，功能只是中断。

由于我认为您也可能很难找到错误，因此我发布了我的代码。这是我的小型 Visual Studio 2010 project 。如果您下载我的项目，并且想要修改文件，则可能必须重置文件上的只读标志。对于那个很抱歉。

更新:

我发现错误出现在 json.js 的第 554 行:

// If the text is not JSON parseable, then a SyntaxError is thrown.

throw new SyntaxError('JSON.parse');

我看到变量 EmployeeSerialized 的计算结果为

{"Name":"Brij","Age":"27"}

然后，当我尝试将 EmployeeSerialized JSON 字符串值作为数据传递给 Handler2 HttpHandler 时，Callhandler2 函数中的 ajax 调用会终止并出现以下错误。

SCRIPT5022: Exception thrown and not caught 
json.js, line 554 character 13

这个 JSON 字符串有什么问题(如果有的话)？

最佳答案

这不是你的代码，与json.js和jquery有冲突。使用 https://github.com/douglascrockford/JSON-js 中的 json2.js 文件事情应该会更好。

参见Json JQuery conflict类似/相同问题的答案

关于jquery - 使用简单的 JSON Hello World 应用程序时遇到问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8252274/

25

4

0

文章推荐： jQuery fadeIn() fadeOut() 计时问题

文章推荐： python - Google App Engine ndb 查询

文章推荐： jquery 循环插件，缩略图可向左或向右滚动 onclick

json - mongoexport - JSON 查询问题(扩展 JSON - JSON 输入无效)
最近开始学习MongoDB。今天老师教了我们 mongoexport 命令。在练习时，我遇到了一个典型的问题，包括教练在内的其他同学都没有遇到过。我在我的 Windows 10 机器上使用 Mongo
json - 如何将 JSON Schema 链接到我的 JSON 以验证 JSON？
我是 JSON Schema 的新手，读过什么是 JSON Schema 等等。但我不知道如何将 JSON Schema 链接到 JSON 以针对该 JSON Schema 进行验证。谁能解释一下？
json - 仅使用 json 在另一个 json 文件中包含一个 json 文件
在 xml 中，我可以在另一个 xml 文件中包含一个文件并使用它。如果您的软件从 xml 获取配置文件但没有任何方法来分离配置，如 apache/ngnix(nginx.conf - site-av
json - 如何反序列化包含具有更多 JSON 的字符串的 JSON？
我有一个 JSON 对象，其中包含一个本身是 JSON 对象的字符串。我如何反序列化它？我希望能够做类似的事情: #[derive(Deserialize)] struct B { c: S
json - Play Json 读取嵌套泛型序列化 Json
考虑以下 JSON { "a": "{\"b\": 12, \"c\": \"test\"}" } 我想定义一个泛型读取 Reads[Outer[T]]对于这种序列化的 Json import
json - 从 JSON 模式生成示例 JSON
关闭。这个问题不满足Stack Overflow guidelines .它目前不接受答案。想改善这个问题吗？更新问题，使其成为 on-topic对于堆栈溢出。 11 个月前关闭。 Improve
json - DynamoDB JSON 还是标准 JSON？
我的旧项目在 MySQL 中有 Standard JSON 格式的数据。对于我在 JS (Node.js) 和 DynamoDB 中的全新项目，关于 Standard JSON格式: 是否建议将其转
json - JSON 值是有效的 JSON 吗？
JSON 值字符串、数字、true、false、null 是否是有效的 JSON？即，是 true 一个有效的 JSON 文档？还是必须是数组/对象？一些验证器接受这个(例如 http://jso
json - 如何编码嵌入在 JSON 中的 JSON
我有一个 JSON 字符串，其中一个字段是文本字段。这个文本字段可以包含用户在 UI 中输入的文本，如果他们输入的文本是 JSON 文本，也许是为了说明一些编码，我需要对他们的文本进行编码，以便它不会
json - 使用加号序列化 JSON 会导致无效的 JSON
我正在通过 IBM MQ 调用处理数据，当由 ColdFusion 10 (10,0,11,285437) 序列化时，0 将作为 +0.0 返回，它会导致无效的 JSON并且无法反序列化。 stPol
json - 在 json 中没有嵌套数组的情况下哈希到 json
我正在从三个数组中生成一个散列，然后尝试构建一个 json。我通过 json object has array 成功了。 require 'json' A = [['A1', 'A2', 'A3'],
json - 根据 JSON 中的字段有条件地解码 JSON
我从 API 接收 JSON，响应可以是 30 种类型之一。每种类型都有一组唯一的字段，但所有响应都有一个字段 type 说明它是哪种类型。我的方法是使用serde .我为每种响应类型创建一个结构并
json - 为什么我下载的 JSON 文件不再是 JSON？
我正在下载一个 JSON 文件，我已将其检查为带有“https://jsonlint.com”的有效 JSON 到文档目录。然后我打开文件并再次检查，结果显示为无效的 JSON。这怎么可能？？？？这是
json - 尝试解析 JSON 并创建提取的 JSON
我正在尝试根据从 API 接收到的数据动态创建一个 JSON 对象。收到的示例数据:将数据解码到下面给出的 CiItems 结构中 { "class_name": "test", "
json - 从 JSON 字符串值解析 JSON
我想从字符串转换为对象。来自 {"key1": "{\n \"key2\": \"value2\",\n \"key3\": {\n \"key4\": \"value4\"\n }\n
json - 将扁平化的 json 转换为嵌套的 json
目前我正在使用以下代码将嵌套的 json 转换为扁平化的 json: import ( "fmt" "github.com/nytlabs/gojsonexplode" ) func
json - Go:用一组 json 标签解码 json，并编码为另一组不同的 json 标签
我有一个使用来自第三方 API 的数据的应用程序。我需要将 json 解码为一个结构，这需要该结构具有“传入”json 字段的 json 标签。传出的 json 字段具有不同的命名约定，因此我需要不同
json - 将 JSON 值限制为其他 JSON 对象的名称
我想使用 JSON 架构来验证某些值。我有两个对象，称它们为 trackedItems 和 trackedItemGroups。 trackedItemGroups 是组名称和 trackedItem
json - Spark JSON 将 JSON 中完整的字段读取到案例类中
考虑以下案例类模式， case class Y (a: String, b: String) case class X (dummy: String, b: Y) 字段b是可选的，我的一些数据集没有字
json - 如何从 json 对象中获取格式化的 json 字符串？
我正在存储 cat ~/path/to/file/blah | 的输出jq tojson 在一个变量中，稍后在带有 JSON 内容的 curl POST 中使用。它运作良好，但它删除了所有换行符。我知

首页

博学

6Ren·AI

商城

jquery - 使用简单的 JSON Hello World 应用程序时遇到问题