JavaScript&JQuery&Ajax的簡單理解

2020-08-14 19:09:37

一、JavaScript

1.1 JavaScript的概述

JavaScript就是一種指令碼語言,常用於網頁用戶端程式設計,使網頁在用戶端瀏覽器中,實現更多的動態功能,表現出更加豐富的視覺效果。

1.2 JavaScript的特點

JavaScript不需要編譯,由瀏覽器直接解析執行;
JavaScript是弱型別語言,變數宣告不需要指明型別,不同類型的數據可以賦值給同一變數。

1.3 JavaScript的組成

ECMAScript:描述了該語言的語法和基本物件;
DOM:(Document Object Model,文件物件模型)描述處理網頁內容的方法和介面;
BOM:(Browser Object Model,瀏覽器物件模型)描述與瀏覽器進行互動的方法和介面。

1.4 JSON的概念

JSON(JavaScript Object Notation,js物件標記)是一種輕量級的數據交換格式,易於閱讀和編寫,同時也易於機器解析和生成。

1.5 JSON數據的格式

物件型別: {「key1」:value,「key2」:value,「key3」:value…} key只能是字串型別 value是任意型別
陣列型別: [value,value,value…] value是任意型別
混合型別: [{},{}…]或{「key1」:[],「key2」:[]…} 物件格式和陣列格式互相巢狀

二、JQuery

2.1 JQuery的概述

Jquery是一個優秀的JavaScript的輕量級框架(js庫)之一,封裝了dom操作、事件、頁面動畫、非同步操作等功能。

2.2 JQuery的作用

對原有JavaScript的功能程式碼進行封裝,對外提供更加簡潔的語法方式實現同樣的功能,簡化了JavaScript的程式碼量,倡導寫更少的程式碼,做更多的事情,提高了開發效率。

2.3 JQuery的常用選擇器

基本選擇器:
ID選擇器 $("#id名稱")
類選擇器 $(".class名稱")
元素選擇器 $(「標籤元素名稱」)
層級選擇器:
元素1 元素2 匹配元素1下的所有元素2(包含子子孫孫)
元素1>元素2 匹配元素1下的所有元素2(只包含子元素)
基本過濾選擇器:
元素:first 根據過濾獲取第一個元素
元素:last 根據過濾獲取最後一個元素
元素:even 根據過濾獲取偶數索引的元素
元素:odd 根據過濾獲取奇數索引的元素
元素:not(元素) 根據過濾獲取不包含指定元素的所有元素
元素:eq(索引) 根據過濾獲取索引相等的元素
元素:gt(索引) 根據過濾獲取大於索引的元素
元素:lt(索引) 根據過濾獲取小於索引的元素

三、Ajax

3.1 ajax的作用

ajax是用於瀏覽器和伺服器做數據互動的,可以實現數據的非同步提交,它可以做到頁面無重新整理的提交數據,使用者可以一邊等待伺服器的結果,一邊做其它的事,使用者體驗更佳。

注:ajax發送非同步請求之後的其它js業務程式碼的執行,與ajax請求的執行沒有任何關係,伺服器返回的數據只能在ajax請求完成的回撥函數中使用。

3.2 ajax的書寫方式及內部參數

$.ajax({key:value})
參數:
type:提交型別
url:存取的伺服器的地址
data:提交給伺服器的數據
dataType:指定伺服器返回的數據型別(預設text型別返回字串)
async:是否非同步(預設true非同步)
success:請求成功執行的回撥函數
error:請求失敗執行的回撥函數
$.get(url,data,function(d),dataType)
$.post(url,data,function(d),dataType)
參數:
url:存取的伺服器的地址
data:提交給伺服器的數據
function:請求成功執行的回撥函數
d:伺服器返回的數據
dataType:指定伺服器響應的數據型別