JSON和AJAX

Web1.0时代

早期网站，登录如果失败，需要刷新页面，才可以重新登录

而现在大多数网站，都是局部刷新，不刷新整个页面的情况下，实现页面刷新

Web2.0时代，最重要的就是json

JSON

语法格式

• 对象表示为键值对
• 数据由逗号分隔
• 花括号保存对象
• 方括号保存数组

JSON和JS对象的关系

JSON是JS对象的字符串表示法，它使用文本表示一个JS对象的信息，本质是一个字符串

var obj={name:"zhangsan",age:"18"};//js对象
var json={"name":"zhangsan","age":"18"};

JSON和JS对象互转

要实现从JSON字符串转换为JS对象，使用JSON.parse()方法

var obj = JSON.parse('{"name":"lisi","age":"18"}');

要实现从JS对象转换成JSON字符串，使用JSON.stringify()方法

var json = JSON.stringify({name:"lisi",age："18"});

Ajax

AJAX= Asynchronous JavaScript and XML（异步的 JavaScript和XML）

Ajax不是一门新的编程语言，而是一种用于创建更好更快以及交互性更强的Web应用程序的技术

JQuery Ajax

简介

当初的JS实现Ajax不去讲解，直接使用JQuery提供的多个关于Ajax的方法

Ajax的核心就是XMLHttpRequest对象（XHR）,JQuery Ajax本质就是XMLHttpRequest，对他进行了封装，方便调用，所以需要先去导入一下JQuery

格式

JQuery.ajax(...)
常用分参数
	url：待载入页面的URL地址
	type：请求方式，GET、POST（1.9.0之后用 method）
	data：要发送的数据key/value
	async：是否异步
	success：成功之后执行的回调函数（全局）
		data:封装了服务器返回的数据
		status:状态
	error：失败之后执行的回调函数（全局

例子

function show(){
	//ajax 默认是get请求
	$.ajax({
	      url:"",
              data：{'name'}:$('#txtName').val()},
	      success:function（data，status）{
			console.log(data);
                        console.log(status);
              }        
        })
}

<%--onblur 失去焦点触发事件--%>
用户名:<input type="text"id="txtName" onblur="a1（）"/>