AJAX
點選檢視程式碼
-- AJAX
--
-- AJAX
-- 概念:AJAX(Asynchronous JavaScript And XML):非同步的 JavaScript 和 XML
-- AJAX作用:
-- 1.與伺服器進行資料交換:透過AJAX可以給伺服器傳送請求，並獲取伺服器響應的資料
-- 使用了AJAX和伺服器進行通訊，就可以使用 HTML+AJAX來替換JSP頁面了
-- 2.非同步互動:可以在不重新載入整個頁面的情況下，與伺服器交換資料並
-- 更新部分網頁的技術，如:搜尋聯想、使用者名稱是否可用校驗，等等...
--
-- 同步 和 非同步(xhr)
--
-- 同步和非同步指的是伺服器端和客戶端之間的關係,(簡單理解為是否是多執行緒操作)
--
-- AJAX快速入門
--
-- 1.編寫AjaxServlet，並使用response輸出字串
-- 2.建立 XMLHttpRequest 物件:用於和伺服器交換資料
-- var xmlhttp;
-- if(window.XMLHttpRequest) {
-- //code for lE7+, Firefox, Chrome, Opera, Safarixmlhttp=new XMLHttpRequest();
-- }else {
-- // code for IE6. IE5
-- xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"");
-- 3.向伺服器傳送請求
-- xmlhttp.open("GET"“url");
-- xmlhttp.send();/傳送請求
-- 4.獲取伺服器響應資料
-- xmlhttp.onreadystatechange=function(){
-- if(xmlhttp.readyState ==4&& xmlhttp.status ==200){
-- alert(xmlhttp.responseText);
-- }
-- }
--
Axious非同步框架
點選檢視程式碼
-- Axios 非同步框架
-- Axios 對原生的AJAX進行封裝，簡化書寫官網:https://www.axios-http.cn
--
-- Axios 快速入門
-- 1.引入 axios 的js 檔案
-- <script src="js/axios-0.18.0.js"></script>
-- 2.使用axios 傳送請求，並獲取響應結果
-- 例:
-- axios({
-- method:"get",
-- url:"http://localhost:8080/ajax-demo1/aJAXDemo1?username=zhangsan"
-- }).then(function (resp){
-- alert(resp.data);
-- })
-- axios({
-- method:"post",
-- url:"http://localhost:8080/ajax-demo1/aJAXDemo1",
-- data:"username=zhangsan"
-- }).then(function (resp){
-- alert(resp.data);
-- });
--
-- Axios 請求方式別名
-- 為了方便起見， Axios 已經為所有支援的請求方法提供了別名
-- axios.get(url[, config])
-- axios.delete(url[, config])
-- axios.head(url[, config])
-- axios.options(url[, config])
-- axios.post(url[, data[, config]])
-- axios.put(url[, data[, config]])
-- axios.patch(url[, data[, config]])
--
-- 傳送 get請求
-- axios.get("url")
-- .then(function (resp){
-- alert(resp.data);
-- });
-- 傳送 post請求
-- axios.post("ur!"“引數")
-- .then(tunction (resp){
-- alert(resp.data);
-- })
-- 方法名 作用
-- get(url) 發起GET方式請求
-- post(url,請求引數) 發起POST方式請求
--
JSON
點選檢視程式碼
-- JSON
--
-- ·概念:JavaScript Object Notation。JavaScript 物件表示法
-- ·由於其語法簡單，層次結構鮮明，現多用於作為資料載體，在網路中進行資料傳輸
-- JavaScript物件
-- {
-- name: "zhangsan"
-- age: 23,
-- city:"北京"
-- }
-- JSON
-- {
-- "name": "zhangsan"
-- "age": 23,
-- "city":"北京”
-- }
--
--
-- JSON 基礎語法
-- 定義:
-- var 變數名={"key1":value1,
-- "key2": value2,
-- ...
-- };
-- 示例:
-- var json = {"name": "zhangsan",
-- "age": 23,
-- "addr":["北京”,“上海”,“西安”]
-- };
-- 獲取資料:
-- 變數名.key
-- 如: json.name
--
-- value 的資料型別為:
-- -> 數字(整數或浮點數)
-- -> 字串(在雙引號中)
-- -> 邏輯值(true 或 false)
-- -> 陣列(在方括號中)物件(在花括號中)
-- -> null
--
-- JSON資料和Java物件轉換
-- · 請求資料:JSON字串轉為Java物件
-- · 響應資料:Java物件轉為JSON字串
--
-- · Fastjson是阿里巴巴提供的一個ava語言編寫的高效能功能完善的JSON庫，
-- 是目前Java語言中最快的JSON庫，可以實現Java物件和JSON字串的相互轉換。
-- · 使用:
-- 1.匯入座標
-- <dependency>
-- <groupld>com.alibaba</groupld>
-- <artifactld>fastison</artifactld>
-- <version>1.2.62</version></dependency>
-- 2.Java物件轉JSON
-- String jsonStr = JsoN.toJsONString(obj);
-- 3.JSON字串轉Java物件
-- User user=jSON.parseObiect(isonStr, User.class);
--