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);
}
})
}
用户名: