AJAXform表单验证

Posted 2022-12-07 mushuiyishan

一  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