技術標籤：javascriptjqueryjs

json資料交換格式

json是一種輕量級的資料交換格式，由道格拉斯·克羅克福特發明（建立）。它使得人們方便閱讀和編寫

json基於兩種資料結構

1. 鍵值對的集合
2. 值的有序列表，例如陣列（array）、列表（list）等

json的集中資料型別

值（value）可以是雙引號括起來的字串（string）、數值（number）、Boolean布林值、true|false、null、物件（object）或者陣列（array）。這些結構可以巢狀。

json與JavaScript物件之間的轉化

序列化（js物件–>json格式字串）

JSON.
 
stringify（jsobj）
JSON.stringify（jsobj，null，“”）
JSON.stringify（jsobj，params，“”）

params：用於控制如何篩選物件的鍵值對，Array[…]/function(){}

反序列化（json格式字串–>js物件）

JSON.parse（json）
JSON.parse（json，function（）{轉換解析出的屬性}）

javascript 的eval（）函式：eval（“（”+ json + “）”）

eval()函式可編譯並執行任何js程式碼
JSON解析器只能識別JSON文字，不能編譯指令碼

ajax請求基本格式

主要用途

提供非同步重新整理，即只重新整理頁面的一部分，而不是整個頁面都要重新整理

基本格式

$.ajax({
	url:地址
	type:請求方式，又稱method，即"get"、"post"
	dataType:預期返回型別,例"json"
	contentType:傳送到伺服器的資料的編碼型別，例如"application/json; charset=urf-8"
	data:傳送到伺服器的資料
	success:傳送成功後做的事情 可以是一個function
	error:出現傳送錯誤做的事情，可以是一個function
 

	complete:在成功或者出現錯誤後做的事情，可以是一個function
});

jQuery

jQuery是一個快速的，簡潔的JavaScript庫，使使用者能更方便的處理HTML documents、events，實現動畫效果，並且方便的為網站提供ajax互動

特點：

jQuery是當前很流行的一個JavaScript框架，使用類似於css的選擇器，可以方便的操作HTML元素，擁有很好的可擴充套件性，擁有不少外掛

關係：

javaScript是用於Web客戶端開發的指令碼語言，Ajax是基於JS語言，主要組合JS、CSS、XML三種技術的新技術，是用於建立互動式網頁應用的網頁開發技術。jQuery是JS的框架，基於JS語言，集合Ajax技術開發出來的JS庫，封裝JS和Ajax的功能，提供函式介面，大大簡化了Ajax，JS的操作

要使用jQuery，首先要在HTML程式碼最前面加上對jQuery庫的引用，比如：

<script language="javascript" src="/js/jquery.min.js"></script>   //引用

取得一個jQuery物件：

var div = $("#one");  //根據id為one的來查詢
var div = $(".test");  //根據class為test的來查詢
$("[name='uid']");  //根據name取元素
$("div"); //根據標籤名取元素

操作:

非表單元素，文字用text，html程式碼用html

div.text();——無引數的情況下是取值

div.text("aaaa");——有引數的情況下是賦值

div.html();——無引數的情況下是取值

div.html("aaaa");——有引數的情況下是賦值

表單元素

div.val();——無引數是取值，有引數是賦值

操作屬性：

新增屬性：

div.attr("test","aa");——給這個attr方法加入引數，屬性名叫做test，屬性的值是aa

移除屬性：

div.removeAttr("test");——移除test這條屬性

獲取屬性：

div.attr("test");——在attr方法裡面直接寫入一個屬性的名就可以了

操作樣式：

div.css("background-color","yellow");——把這個div的背景色變為黃色，在這裡CSS裡面所有的樣式和css樣式表裡面的樣式是一模一樣的沒有任何變化