HTML学习笔记-JSON&表单验证及正则表达式

JSON

JSON 指的是 JavaScript 对象表示法（JavaScript Object Notation）
JSON 是轻量级的文本数据交换格式
JSON 是存储和交换文本信息的语法。类似 XML。
JSON 比 XML 更小、更快，更易解析。
JSON 独立于语言：JSON 使用 Javascript语法来描述数据对象，但是 JSON 仍然独立于语言和平台。JSON 解析器和 JSON 库支持许多不同的编程语言。 目前非常多的动态（PHP，JSP，.NET）编程语言都支持JSON。
JSON 具有自我描述性，更易理解
JSON 文本格式在语法上与创建 JavaScript 对象的代码相同。
由于这种相似性，无需解析器，JavaScript 程序能够使用内建的 eval() 函数，用 JSON 数据来生成原生的 JavaScript 对象。

1.JSON 语法规则
数据在名称/值对中
数据由逗号分隔
大括号保存对象
中括号保存数组
2.JSON 名称/值对
JSON 数据的书写格式是：名称/值对。
例:”name”:”tom” 等价于 name=”tom”
3.JSON 值
JSON 值可以是：数字、字符串、逻辑值、数组、对象、null

<script>
        //创建json对象
        var obj={
            "name":"张三",
            "age":20
        };
        //两种方式
        document.write(obj.name+"<br />");
        document.write(obj["age"]);
        //可以在json几面嵌套json
        var user={
            "name":"listi",
            "age":20,
            "account":{
                "taobao":"t1234",
                "JD":"jd1234",
                "baidu":"b1234"
            }
        };
        //访问淘宝的值
        document.write(user.account.taobao);
    </script>

JSON对象

1.对象语法
实例:{ “name”:”zhangsan”, “age”:20, “sex”:”男” }
JSON 对象使用在大括号({})中书写。
对象可以包含多个 key/value（键/值）对。
key 必须是字符串，value 可以是合法的 JSON 数据类型（字符串, 数字, 对象, 数组, 布尔值或 null）。
key 和 value 中使用冒号(:)分割。
每个 key/value 对使用逗号(,)分割。
2.访问对象值
①可以使用点号（.）来访问对象的值
②也可以使用中括号（[]）来访问对象的值
3.循环对象
可以使用 for-in 来循环对象的属性
4.嵌套 JSON 对象
JSON 对象中可以包含另外一个 JSON 对象
5.json 对象和 json 字符串的区别：
json 对象:var str1 = { “name”: “zhangsan”, “sex”: “man” };
json字符串:var str2 = ‘{ “name”: “wangwu”, “sex”: “man” }’;

JSON数组

JSON 数组在中括号中书写。
JSON 中数组值必须是合法的 JSON 数据类型（字符串, 数字, 对象, 数组, 布尔值或 null）。
1.数组作为 JSON 对象
实例：[ “Google”, “Tengxun”, “Taobao” ]
2.JSON 对象中的数组
{
“name”:”zhangsan”,
“age”:20,
“hobby”:[ “swimming”, “running”, “playgame” ]
}
我们可以使用索引值来访问数组：

x = myObj.hobby[0];

可以使用for循环或者 for-in 来访问数组
使用for遍历循环数组

        for(var i=0;i<json2.hobby.length;i++){
            document.write(json2.hobby[i]+"<br />")
        }

使用for in 遍历循环数组

for(var number in json2.hobby){
                document.write(json2.hobby[number]+"<br />");
            }

parse

JSON 通常用于与服务端交换数据。
在接收服务器数据时一般是字符串。
我们可以使用 JSON.parse() 方法将数据转换为 JavaScript 对象。
语法：JSON.parse(text[, reviver])
参数说明：text:必需， 一个有效的 JSON 字符串。
reviver: 可选，一个转换结果的函数， 将为对象的每个成员调用此函数。

<script>
            //JSON解析实例
          var obj='{"name":"zhangsan","age":20}';
          var obj=JSON.parse('{"name":"zhangsan","age":20}');//把字符串转成json对象
          document.write(obj.name);
          </script>

eval

把 JSON 文本转换为 JavaScript 对象
JavaScript 函数 eval() 可用于将 JSON 文本转换为 JavaScript 对象。
eval() 函数使用的是 JavaScript 编译器，可解析 JSON 文本，然后生成 JavaScript 对象。
必须把文本包围在括号中
例：var obj = eval (“(” + txt + “)”);

JS表单验证及正则表达式

正则表达式，又称规则表达式。通常被用来检索、替换那些符合某个模式(规则)的文本。
用法
var reg = /正则表达式/;
reg.test(str);
3.案例:

      var pattern  = /规则/;
        if(pattern.test(验证字符串)==true){
               alert("符合要求！");
               return true;
        }else{
               alert("格式非法！");
               return false;
        }

js校验表单后提交表单的三种方法总结

1.<input type=submit name="submit1" value="注册" onclick="return check(this.form)">
        2.<form action="login" method="post" onsubmit="return check(this)">
        3.input type=button name="submit1" value="登陆" onclick="check(this.form)">