`
jayyanzhang2010
  • 浏览: 377902 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

javascript中json的使用说明

阅读更多
json简单介绍:
      JSON---JavaScript Object Notation  (javascript数据对象表示)。

      和xml,txt,word,excel一样是一种数据存储方式,但是json以简洁,方便,快速而鹤立鸡群!
    
       json是以键值对的形式存储数据的,有点像哈希表一样

       json适用的语言:貌似是语言都能用

       json很面向对象
----------------------------------------------------------------------------------------------------------------------------------
javascript中使用json:
因为json是javascript中的原生格式 就像我们使用java jdk里面涵盖了java为我们提供的类一样,同样浏览器里面定义了解析json的方式,哈哈 不用导入js包什么的很爽吧!
一、json在javascript使用实例

例一:

Js代码 
function swapOne(){ 
var s_json={"UserID":11, "Name":"Truly", "Email":"zhuleipro@hotmail.com"}; 
alert(s_json.UserID); //或者 alert(s_json["userID"]); 


输出:11

例二:

 
Java代码 
function swapOne(){ 
var s_json={"UserID":11, "Name":{"FirstName":"Truly","LastName":"Zhu"}, "Email":"zhuleipro◎hotmail.com"}; 
alert(s_json.Name.FirstName);//或者alert(s_json["Name"].FirstName);//或alert(s_json["Name"]["FirstName"]); 


输出:Truly


例三:

Java代码 
function swapOne(){ 
var s_json=[ 
                {"UserID":11, "Name":{"FirstName":"Truly1","LastName":"Zhu"}, "Email":"zhuleipro◎hotmail.com"}, 
    {"UserID":12, "Name":{"FirstName":"Truly2","LastName":"Zhu"}, "Email":"zhuleipro◎hotmail.com"}, 
    {"UserID":13, "Name":{"FirstName":"Truly3","LastName":"Zhu"}, "Email":"zhuleipro◎hotmail.com"}, 
    {"UserID":14, "Name":{"FirstName":"Truly4","LastName":"Zhu"}, "Email":"zhuleipro◎hotmail.com"}, 
    {"UserID":15, "Name":{"FirstName":"Truly5","LastName":"Zhu"}, "Email":"zhuleipro◎hotmail.com"},   
            ]; 
alert(s_json[0].Name.FirstName); 


输出:Truly1

其实json就像我们在java程序中定义的实体类一样,不过以两一种方式显示出来罢了!我们使用它的值的时候直接用点(或者使用像上面的s_json["Name"]["FirstName"]这样的方式) 完全可以把每个{}当做一个对象来对待;


ajax 中使用json进行数据交换:

  json我感觉他的主要作用就是进行服务器和客户端数据的传输 所以说在ajax中使用才是关键:

Java代码 
<script language="javascript" type="text/javascript">  
//input 文本框联想 
function checkword(input_text) {  
    var wordvalue=input_text.value;  
    if(wordvalue==null||wordvalue==""){ 
    return; 
    } 
  //创建XMLHttpRequest对象 
  var selectvalue=""; 
  var xmlhttp; 
   if(window.XMLHttpRequest){// code for IE7+, Firefox, Chrome, Opera, Safari 
   xmlhttp=new XMLHttpRequest(); 
   }else{// code for IE6, IE5 
   xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
   } 
xmlhttp.onreadystatechange=function(){ 
   if (xmlhttp.readyState==4 && xmlhttp.status==200){ 
    selectvalue=xmlhttp.responseText; 
    //在这里已经获取到值了 
     
<span style="color: #ff0000;">   var s_json_t=eval(select_value);   
          alert(s_json_t[0].UserID); 
</span>  } 

//alert("create_select_value.jsp?mc="+input_text.value+"&t="+Math.random()); 
xmlhttp.open("POST","create_select_value.jsp?t="+Math.random(),true); 
xmlhttp.send(); 

</script> 
Java代码 
上图中xmlhttp.responseText 为返回数据:(我返回的是String类型的)返回后再在javascript里面处理, 
 
这样一方面耗费的是客户端的资源,另一方面比在服务器端处理更快捷,因为在传输过程中json格式总比字符串 
 
耗费资源吧!<img src="/images/smiles/icon_biggrin.gif" alt=""> 

这样json在javascript里面基础用法也就差不多了!

现在简单介绍一下:eval 因为我刚开始看的时候搞的蛋很疼!
  看javascript手册是这样写的:

-----------------开始------------------------------------------------------------------------------------------------------------定义和用法
eval() 函数可计算某个字符串,并执行其中的的 JavaScript 代码。
语法

eval(string)

参数 描述
string 必需。要计算的字符串,其中含有要计算的 JavaScript 表达式或要执行的语句。
返回值

通过计算 string 得到的值(如果有的话)。

-----------------结束-----------------------------------------------------------------------------------------------------------

例一:
Java代码 
<script language = "javascript" type = "text/javascript"> 
   var values = eval("2+3"); 
   alert(values); 
</script> 
Java代码 
输出:5 
例二:

 
Java代码 
<script type = "text/javascript"> 
function swapOne(){ 
    var the_image = prompt("请输入要更换图片的name",""); 
    var the_image_object = eval("window.document."+the_image+".src='http://www.iteye.com/upload/logo/user/104680/d31fee47-ff1a-3e79-860b-8e200be93bcf.jpg?1242632171'"); 
     // the_image_object.src="http://www.iteye.com/upload/logo/user/104680/d31fee47-ff1a-3e79-860b-8e200be93bcf.jpg?1242632171"; 

</script> 

明显可以看出eval的执行过程了!

他都是先将括号里面的值 完全的转换成字符串,然后为其去掉双引号罢了.......(不知道这样理解对不对!)!
  

Java代码 
<script language = "javascript" type = "text/javascript"> 
function swapOne(){ 
     var s_json='[{"UserID":11, "Name":{"FirstName5":"Truly1","LastName":"Zhu"}, "Email":"zhuleipro◎hotmail.com"},{"UserID":12, "Name":{"FirstName4":"Truly2","LastName":"Zhu"}, "Email":"zhuleipro◎hotmail.com"},{"UserID":13, "Name":{"FirstName3":"Truly3","LastName":"Zhu"}, "Email":"zhuleipro◎hotmail.com"},{"UserID":14, "Name":{"FirstName2":"Truly4","LastName":"Zhu"}, "Email":"zhuleipro◎hotmail.com"},{"UserID":15, "Name":{"FirstName1":"Truly5","LastName":"Zhu"}, "Email":"zhuleipro◎hotmail.com"},]'; 
     var s_json_t=eval(s_json);   
     alert(s_json_t[0].UserID); 

</script> 
分享到:
评论

相关推荐

    [JSON] JavaScript & JSON 核心技术 (英文版)

    ☆ 资源说明:☆ [Packt Publishing] JavaScript & JSON 核心技术 (英文版) [Packt Publishing] JavaScript and JSON Essentials (E-Book) ☆ 图书概要:☆ Successfully build advanced JSON-fueled web ...

    json2 脚本 使用说明

    `json2.js` 是一个由 Douglas Crockford 创建的JavaScript库,主要用于在旧版本的IE浏览器(IE )中添加对JSON的支持。这些浏览器在原生不支持JSON对象,而`json2.js`则提供了`parse`和`stringify`这两个关键方法,...

    json使用开发说明

    ### JSON使用开发说明 JSON(JavaScript ...以上就是关于JSON的基本使用说明,包括JSON的数据结构、与Java的交互方式以及网络传输中的应用。掌握这些基本知识,将有助于开发者在实际项目中更高效地处理JSON数据。

    JSON 的使用说明

    5. **客户端解析返回的JSON数据**:客户端接收到服务器响应后,使用相应的GWT JSON类来解析JSON数据,并将其适当地显示在用户界面中。 例如,创建一个简单的JSON数据在GWT客户端: ```java JSONObject input = new ...

    Mixly的JSON数据收发使用说明

    ### Mixly中的JSON数据收发使用说明 #### 一、Mixly与JSON数据收发概述 在Mixly这款流行的图形化编程环境中,JSON数据收发功能的加入极大地简化了开发者在进行设备间通信时的工作流程。传统的单片机通信通常需要...

    json包和使用说明

    JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它采用完全独立于语言的文本格式,但也使用了类似于C家族语言(包括C、C++、C#、Java、JavaScript、Perl、Python等)的习惯,这使得JSON成为理想的...

    JavaScript根据json生成html表格的示例代码

    在这份文档中,主要介绍了如何使用JavaScript从JSON数据生成HTML表格的示例代码。这一过程涉及到JavaScript编程技术,HTML表格的结构,以及JSON数据格式的使用。下面我将详细地阐述这些知识点。 首先,文档提到创建...

    javascript中json对象json数组json字符串互转及取值方法

    在JavaScript中,JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它基于JavaScript的一个子集。在处理数据时,我们经常需要在JSON对象、JSON数组和JSON字符串之间进行转换,并从这些结构中获取值。...

    jsonView使用说明.doc

    “jsonView使用说明.doc”提供的是一份关于如何使用jsonView.exe这个JSON查看器的简单指南。下面将详细介绍jsonView的主要功能和使用步骤: 1. **启动jsonView.exe** 首先,你需要下载并安装jsonView工具。安装...

    Java中使用JSON格式数据工具类及使用说明

    本资源“Java中使用JSON格式数据工具类及使用说明”提供了关于如何在Java中处理JSON数据的方法,包括将JSON数据转化为Java对象以及对特殊数据类型的处理,特别是时间格式化。以下是关于这些知识点的详细说明: 1. *...

    Javascript笔记一 js以及json基础使用说明.docx

    JavaScript笔记一 js以及json基础使用说明 JavaScript是一种特殊的编程语言,它的数据类型只有五种,即undefined、null、boolean、number和string。JavaScript中的代码也只有函数一种形式。函数可以是定义式的,也...

    JSON使用

    通过查看和运行这个例子,开发者可以学习如何在实际Web环境中使用JSON。 4. `src` - 这通常包含源代码文件,可能有示例代码或者库的源代码,可以帮助读者了解JSON处理的具体实现。 5. `doc` - 这可能包含了文档,如...

    JSON-RPC for Java使用说明

    JSON-RPC(JavaScript Object Notation Remote ...总之,JSON-RPC for Java提供了在Java环境中使用JSON进行远程调用的能力,通过学习和实践提供的文档和示例,你可以掌握如何在自己的项目中有效地应用JSON-RPC技术。

    JSON使用说明[文].pdf

    以下是对标题和描述中提及的JSON相关知识点的详细说明: 1. **将List转换为JSON字符串** 当你需要将Java中的List对象转换为JSON字符串时,可以使用`JSONArray`类的`fromObject`方法。例如,给定一个`List...

    json-lib含使用说明

    JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,被广泛用于Web应用程序之间传递数据。在Java开发中,json-lib是一个非常实用的库,它提供了处理JSON对象的方法,包括序列化Java对象到JSON字符串...

    json转换jsonschema

    在JavaScript开发中,有时我们需要将JSON对象转换为JSON Schema,以便对数据进行验证。这在处理用户输入、API交互或者存储复杂数据结构时非常有用。`jsonToSchema`项目可能就是一个工具或库,用于帮助开发者实现这个...

    JSON 学习之JSON in JavaScript详细使用说明

    本篇文章将详细介绍如何在JavaScript中使用JSON来创建对象、数组以及构建复杂的数据结构。 #### 二、在JavaScript中使用JSON创建对象 在JavaScript中创建JSON对象非常简单。以下是一些基本的例子: ##### 创建空...

    JSON 语法说明.pdf

    虽然 JSON 基于 JavaScript 的语法,但它不仅仅局限于 JavaScript,可以被任何支持 JSON 的编程语言所使用。JSON 的主要组成部分包括:键值对、数组、数值、字符串以及布尔值等基本数据类型。这些元素构成了 JSON ...

    javascript中JSON对象与JSON字符串相互转换实例

    在JavaScript中,JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它基于JavaScript的一个子集,易于人阅读和编写,同时也易于...希望这个实例和说明能帮助你在JavaScript编程中更好地理解和使用JSON。

    Ajax 中对Json 使用

    在AJAX中使用JSON,可以实现高效的数据传输,提高用户体验。 **一、JSON的基本概念** JSON是一种基于文本的数据交换格式,它源自JavaScript对象表示法。一个JSON对象由键值对组成,键和值之间用冒号分隔,键值对...

Global site tag (gtag.js) - Google Analytics