AJAX、form表单验证

标签：jquer   and   hda   turn   names   bsp   展示   div   image   

一  AJAX

1. 概述

AJAX（Asynchronous Javascript And XML），使用Javascript语言与服务器进行异步交互，传输的数据为XML（当然，传输的数据不只是XML，目前以json为主）。

1.1 应用场景

注册时候的用户名的查重；

搜索引擎根据输入的关键字，自动提示检索关键字：当文件框发生了输入变化，使用AJAX向服务器发送一个请求，然后服务器会把查询到的结果响应给浏览器，最后再把后端返回的结果展示出来，

• 整个过程中页面没有刷新，只是刷新页面中的局部位置而已！
• 当请求发出后，浏览器还可以进行其他操作，无需等待服务器的响应！

2. json基础

合格的json对象：

["one", "two", "three"]
{ "one": 1, "two": 2, "three": 3 }
{"names": ["张三", "李四"] }
[ { "name": "张三"}, {"name": "李四"} ]　

 不合格的json对象：

{ name: "张三", ‘age‘: 32 }  // 属性名必须使用双引号
[32, 64, 128, 0xFFF] // 不能使用十六进制值
{ "name": "张三", "age": undefined }  // 不能使用undefined
{ "name": "张三",
  "birthday": new Date(‘Fri, 26 Aug 2011 07:13:10 GMT‘),
  "getName":  function() {return this.name;}  // 不能使用函数和日期对象
}

1.1 stringify与parse方法

JSON.parse(): 用于将一个 JSON 字符串转换为 JavaScript 对象　

JSON.parse(‘{"name":"Q1mi"}‘);
JSON.parse(‘{name:"Q1mi"}‘) ;   // 错误
JSON.parse(‘[18,undefined]‘) ;   // 错误

JSON.stringify(): 用于将 JavaScript 值转换为 JSON 字符串。　

JSON.stringify({"name":"Q1mi"})

3. jQuery实现的AJAX

AJAX、form表单验证

标签：jquer   and   hda   turn   names   bsp   展示   div   image   

原文地址：https://www.cnblogs.com/mushuiyishan/p/11613952.html