• Ajax and JSON


    Ajax (核心是XMLHttpRequest对象)

    1、XMLHttpRequest对象:

        request=new XMLHttpRequest()  支持Firefox opera Safari  等级别以上的浏览器

        xmlhttp=new ActiveXobject('Msxml2.XMLHTTP') 支持IE6+

        xmlhttp=new ActiveXobject('Microsoft.XMLHTTP')支持IE6+

    2、XMLHttpRequest对象的三大属性:

      2.1、onreadystatechange   存储处理服务器的响应的函数

      2.2、readyState     存储服务器的响应状态信息

             五个值:0:请求未初始化

                        1:服务器连接已建立

                        2:请求已发送

                        3:请求处理中,但是没有响应

                        4:请求已完成,且响应已就绪

      2.3、responseText      获取由服务器返回的数据

    3、请求发送服务器的方法

      1、open()

    参数:GET/POST   表明HTTP方法

             URL            规定服务器端脚本路径

             true/false    是否异步请求

      2、send()    将请求发送到服务器端

    例:

    request.open("GET","test.txt",true);

    request.onreadystatechange=functiin(){

           if(request.redyState==4){

             //从服务器获取数据的代码,并做相应处理

             alert(request.responseText);

    }

    }

    request.send(null);

    JSON

    1、语法法则:

     1.1、数组(Array)用方括号(“[]”)表示。 

     1.2、 对象(Object)用大括号(”{}”)表示。 -

     1.3、名称/值对(name/value)组合成数组和对象。

     1.4、名称(name)置于双引号中,值(value)有字符串、数值、布尔值、null、对象和数组。 -

     1.5、并列的数据之间用逗号(“,”)分隔

    例:{

     "name": "Geoff Lui",  "age": 26

    }

    2、JSON 和 XML

    JSON 常被拿来与 XML 做比较,因为 JSON 的诞生本来就多多少少要有取代 XML 的意思。相比 XML,JSON 的优势如下:

     2.1、没有结束标签,长度更短,读写更快

     2.2、能够直接被 JavaScript 解释器解析

     2.3、可以使用数组

    例:

    JSON:

    {  

    "name": "Geoff Lui",  "age": 26,  "friends": ["Lily", "Lucy", "Gwen"]

    }

    XML:

    <root>

       <name>Geoff Lui</name>  

      <age>26</age>  

      <friends>Lily</friends>  

      <friends>Lucy</friends>

       <friends>Gwen</friends>

    </root>

    3、 JSON 解析和生成

    在 JavaScript 中,有两个方法与此相关: JSON.parse 和 JSON.stringify 。

     例:

    <script>

      var str = '{"name": "Geoff Lui","age": 26}';//字符串

      var obj = JSON.parse(str);//传入字符串

      console.log(obj);//输出结果

      var jsonstr = JSON.stringify(obj);//把转换好的对象生成json语法规则的字符串

      console.log(jsonstr);//输出

    </script>

  • 相关阅读:
    jquery练习(赋予属性值)
    jquery练习
    jquery表单对象属性选择器
    jquery表单选择器
    jquery子元素选择器
    jquery属性选择器(同时匹配多个条件)
    jquery属性选择器
    jquery属性选择器(匹配具有指定属性的元素)
    jquery可见性选择器(综合)
    方法的递归
  • 原文地址:https://www.cnblogs.com/Arther-J/p/5482223.html
Copyright © 2020-2023  润新知