js部分笔记

AJAX

简介

AJAX：

1. 异步提交，增强了用户使用网页的良好交互体验
2. 不是新的编程语言，而是一种使用现有标准的新方法。
3. AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。

参数

• data

  类型：String

  发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。查看 processData 选项说明以禁止此自动转换。必须为 Key/Value 格式。如果为数组，jQuery 将自动为不同值对应同一个名称。如 {foo:[“bar1”, “bar2”]} 转换为 ‘&foo=bar1&foo=bar2’。

• success

  类型：Function

  请求成功后的回调函数。

  参数：由服务器返回，并根据 dataType 参数进行处理后的数据；描述状态的字符串。

  这是一个 Ajax 事件。

• url

  类型：String

  默认值: 当前页地址。发送请求的地址。

• type

  类型：String

  默认值:(“GET”)。请求方式 (“POST” 或 “GET”)， 默认为 “GET”。注意：其它 HTTP 请求方法，如 PUT 和 DELETE 也可以使用，但仅部分浏览器支持。get用于查询，post用于保存。

 $.ajax({
            url:"${APP_PATH}/emps/",
            data:"pn="+pn,
            type:"GET",
            success:function (result) {
                // console.log(result);
             
            }

JSON

简介

1. 是存储和交换文本信息的语法。类似 XML。
2. JSON 比 XML 更小、更快，更易解析。
3. JSON 使用 JavaScript 语法来描述数据对象，但是 JSON 仍然独立于语言和平台。JSON 解析器和 JSON 库支持许多不同的编程语言。

语法规则

JSON 语法是 JavaScript 对象表示法语法的子集。

1. 数据在名称/值对中
2. 数据由逗号分隔
3. 花括号保存对象
4. 方括号保存数组

对象可以包含多个名称/值对：

{ "firstName":"John" , "lastName":"Doe" }

数组可包含多个对象：

{
"employees": [
{ "firstName":"John" , "lastName":"Doe" },
{ "firstName":"Anna" , "lastName":"Smith" },
{ "firstName":"Peter" , "lastName":"Jones" }
]
}