龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > Javascript编程 >

详细介绍JSON 帮助使用及其说明

时间:2013-03-06 14:58来源:未知 作者:admin 点击:
分享到:
您在本文中看到了 JSON 的强大用途。归结如下: JSON 提供了一种优秀的面向对象的方法,以便将元数据缓存到客户机上。 JSON 帮助 分离了验证数据和逻辑。 JSON 帮助 为 Web 应用程序提供

您在本文中看到了 JSON 的强大用途。归结如下: JSON 提供了一种优秀的面向对象的方法,以便将元数据缓存到客户机上。 JSON 帮助分离了验证数据和逻辑。 JSON 帮助为 Web 应用程序提供了 Ajax 的本质。

  1. function addVehicleData() {  
  2.      var brand = //get vehicle brand;   var regNo = //get registration number;  
  3.       var cc = //get cc;  
  4.  
  5.       vehicleData[vehicleData.length] = new Object();  
  6.     vehicleData[vehicleData.length].brandName = new Object();  
  7.   vehicleData[vehicleData.length].brandName = brand;  
  8.    //same way update other two properties  
  9.  } 

在这里,vehicleData 是用于在用户装入页面时进行初始化的 JavaScript 变量。它被初始化为一个新的数组对象,该数组对象为空或者含有用户先前输入的车辆的车辆元素。

当此函数将数据保存到 JavaScript 对象中后,程序可以调用另一个函数来清空输入字段以允许用户输入新数据。

在此类应用程序中,要求用户输入出现次数最少或出现次数最多的多组或多值属性。您可以将这些限制置入 JSON 元数据对象中。在这种情况下,先前的元数据对象将变为 清单 6 中所示的代码。

  1. var vehicleValidationsMetadata = {  
  2.      "MIN_OCC":{0},  
  3.      "MAX_OCC":{10},  
  4.      "MAX_OCC_MSG":{"...."},  
  5.      "MIN_OCC_MSG":{".....},  
  6.      //Everything else is the same  
  7.  } 

然后,addVehicleData() 函数将先验证数据的出现次数,然后在仅当总出现次数未超出允许的限制时再将数据添加到 JavaScript 对象中。清单 7 显示了检查方法。

  1. function addVehicleData() {  
  2.    if(vehicleData.length == vehicleValidationsMetadata.MAX_OCC-1) {  
  3.           alert(vehicleValidationsMetadata.MAX_OCC_MSG);  
  4.      }  //Everything else is the same  

当用户提交一个页面时调用的函数实际上用于验证最少的出现次数。这种方法的最大好处是屏幕不需要刷新以输入新车辆数据。提供此类静态屏幕曾经是 Ajax 技术的主要目标,而您现在用 JSON 也能完成此目标。这是关于更新 JSON 帮助对象和通过 JavaScript 处理 HTML DOM 树的全部内容。用户响应时间是最小值,因为所有操作仅在客户端上执行。您可以使用 JSON 来为应用程序提供 Ajax 功能。

精彩图集

赞助商链接