JSON,AJAX,Maven入門基礎(chǔ)
一，JSON
–1，概述
JSON是一種輕量級(jí)的數(shù)據(jù)交換格式。
指定了 瀏覽器 和 服務(wù)器 之間數(shù)據(jù)傳輸?shù)母袷健?/p>
–2，測(cè)試
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>測(cè)試 JSON的語法</title>
<!-- 在網(wǎng)頁中嵌入JS代碼 -->
<script>
var a = "'name' : '張三'" ; // 定義JSON的屬性
var b = ' "age" : "18" ' ; // 定義JSON的屬性
console.log(a);
console.log(b);
a = " { 'name' : '張三' , 'age' : '18' } ";// 定義JSON的對(duì)象
console.log(a.length);//求長(zhǎng)度
console.log(a.concat(123)); //拼串
// 定義JSON的數(shù)組 '[????]'
a = '[{ "name" : "張三" , "age" : "18" },{ "name" : "李四" , "age" : "20" }]'
console.log(a);
//json串 <-> js對(duì)象 --- 使用JSON工具類
//1. 接受服務(wù)器的數(shù)據(jù): JSON字符串轉(zhuǎn)成JS對(duì)象: : : JSON.parse("json字符串")
//js對(duì)象可以解析對(duì)象的各種 屬性的值 或者 調(diào)用函數(shù)
var jsa = JSON.parse(a);//數(shù)據(jù)本身被雙引號(hào)包裹
console.log(jsa);//把a(bǔ)從字符串變成了js對(duì)象
console.log(jsa[0].age) ;//18
console.log(jsa[1].name) ;//李四
//2. 給服務(wù)器發(fā)送數(shù)據(jù): 將JS對(duì)象轉(zhuǎn)成JSON字符串: : : JSON.stringify(js對(duì)象)
//json串可以對(duì)字符串拼接、長(zhǎng)度、截取、替換.....
var str = JSON.stringify(jsa);
console.log(str);
console.log(str.concat(123));//拼接
console.log(str.length);//長(zhǎng)度
console.log(str.substring(3));//截取，從3下標(biāo)開始截取完為止
console.log(str.substring(3,6));//截取，從3下標(biāo)開始到6為止，[3,6)
</script>
</head>
<body>
</body>
</html>
二，AJAX
–1，概述
是異步的技術(shù)，用來局部刷新網(wǎng)頁。
好處是：在不刷新整個(gè)網(wǎng)頁的前提下，局部更新數(shù)據(jù)
–2，語法
$.ajax({
type: , //請(qǐng)求的方式，get/post
url: , // 交給具體的哪個(gè)程序去處理
contentType: , //請(qǐng)求時(shí)的數(shù)據(jù)的類型 text html jpg json
data: , //請(qǐng)求時(shí)要攜帶的參數(shù)
dataType: , //服務(wù)器返回?cái)?shù)據(jù)的類型 text html jpg json
success: function(data){ //請(qǐng)求成功后自動(dòng)調(diào)用的
},
error: function(data){ //請(qǐng)求失敗后自動(dòng)調(diào)用的
}
})
–3，測(cè)試
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>測(cè)試 ajax語法</title>
<script src="jquery-1.8.3.min.js"></script>
<script>
$(function(){//文檔就緒事件
$.ajax({ //發(fā)起Ajax請(qǐng)求數(shù)據(jù)
type: "get",
url: "http://p.3.cn/prices/mgets",
contentType: "application/json;charset=utf-8",
data: { //拼接的參數(shù)
"skuIds": "J_100003717483"
},
dataType: "jsonp",
success: function(data) { //返回的結(jié)果
//data就已經(jīng)是js對(duì)象了，直接解析屬性的值
//[0]: {p: "-1.00", op: "2499.00", cbf: "0", id: "J_100003717483", m: "10000.00"}
console.log(data);
console.log(data[0].op);//解析價(jià)格屬性
},
error: function(data) {
alert(data);
}
});
});
</script>
</head>
<body>
</body>
</html>
三，Maven
–1，概述
Maven是項(xiàng)目構(gòu)建工具。核心是一個(gè)pom.xml維護(hù)管理jar包。
–2，核心組件
1，倉庫：repository
中央倉庫、遠(yuǎn)程倉庫：就是一個(gè)國外的網(wǎng)址，全球的人都能訪問，存了各種jar包。
鏡像倉庫：就是一個(gè)國內(nèi)的網(wǎng)址，從中央倉庫下載好的jar包。
本地倉庫：就是你本地磁盤的一個(gè)位置D:\Java\maven\resp，用來存你已經(jīng)下載好的jar包。
查找jar包的順序：本地倉庫 > 鏡像倉庫 > 中央倉庫
2，依賴：
是指在pom.xml里通過dependency標(biāo)簽，定義jar包的坐標(biāo)。
如果jar包之間需要互相依賴，maven會(huì)自動(dòng)管理并下載…
3，坐標(biāo)：
jar包之間的唯一標(biāo)識(shí)。groupid是指jar包分組，artifactid是指jar包的項(xiàng)目id，version是指jar包的版本
4，常用命令：
clean：清空緩存，直接清空了target文件夾
install：安裝，產(chǎn)生了一個(gè)jar文件
–3，使用步驟
1，下載并解壓maven
2，修改maven提供的settings.xml文件( 本地倉庫 / 鏡像倉庫 )
3，IDEA 集成 maven
4，IDEA 創(chuàng)建 maven項(xiàng)目
總結(jié)
本篇文章就到這里了，希望能給你帶來幫助，也希望您能夠多多關(guān)注腳本之家的更多內(nèi)容！
相關(guān)文章
相信小伙伴們的項(xiàng)目很多都用到SpringJPA框架的吧,對(duì)于單表的增刪改查利用jpa是很方便的,但是對(duì)于條件查詢并且分頁?是不是很多小伙伴不經(jīng)常寫到,今天給大家分享SpringJPA?做分頁條件查詢的案例代碼,感興趣的朋友一起看看吧2024-03-03
這篇文章主要介紹了Java中的Lombok使用及工作原理詳解,Lombok是一個(gè)Java庫,能自動(dòng)插入編輯器并構(gòu)建工具,簡(jiǎn)化Java開發(fā),通過添加注解的方式,不需要為類編寫getter或eques方法,同時(shí)可以自動(dòng)化日志變量,需要的朋友可以參考下2023-10-10
Java?EventBus手把手帶你實(shí)現(xiàn)
EventBus是Guava的事件處理機(jī)制，是設(shè)計(jì)模式中觀察者模式（生產(chǎn)/消費(fèi)者編程模型）的優(yōu)雅實(shí)現(xiàn)。本文就來和大家聊聊EventBus的使用，需要的可以參考一下2023-01-01
Intellij IDEA 閱讀源碼的 4 個(gè)絕技(必看)
今天小編給大家分享Intellij IDEA 閱讀源碼的 4 個(gè)絕技，熟練的運(yùn)用 IDEA 中各個(gè)小技巧，讓閱讀跟蹤源碼變得更輕松，本文通過圖文并茂的形式給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友參考下吧2020-04-04
Java并發(fā)編程之ReadWriteLock讀寫鎖的操作方法
這篇文章主要介紹了Java并發(fā)編程之ReadWriteLock讀寫鎖的操作方法,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-02-02
這篇文章主要介紹了微信支付java版本之獲取Access_token，java如何獲取Access_token，感興趣的小伙伴們可以參考一下2016-08-08
SpringBoot項(xiàng)目實(shí)現(xiàn)jar包方式打包部署
SpringBoot默認(rèn)的打包方式就是jar包,本文就來介紹一下SpringBoot項(xiàng)目實(shí)現(xiàn)jar包方式打包部署,具有一定的參考價(jià)值,感興趣的可以了解一下2024-08-08
Spring Junit單元測(cè)試加載配置文件失敗問題
這篇文章主要介紹了Spring Junit加載配置文件失敗問題解決,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-05-05
idea配置maven環(huán)境時(shí)maven下載速度慢的解決方法
我們?cè)趇dea配置maven環(huán)境的時(shí)候會(huì)發(fā)現(xiàn)maven更新慢的現(xiàn)象,解決辦法就是下載國內(nèi)的鏡像包,完美解決下載速度慢的問題,文中有詳細(xì)的具體操作方法,并通過圖文介紹的非常詳細(xì),需要的朋友可以參考下2024-02-02
Mybatis傳list參數(shù)調(diào)用oracle存儲(chǔ)過程的解決方法
怎么利用MyBatis傳List類型參數(shù)到數(shù)據(jù)庫存儲(chǔ)過程中實(shí)現(xiàn)批量插入數(shù)據(jù)？接下來通過本文給大家介紹Mybatis傳list參數(shù)調(diào)用oracle存儲(chǔ)過程,需要的朋友可以參考下2017-03-03