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（）"/>