json ajax 优化,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);

}

})

}

用户名: