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的語(yǔ)法</title>
<!-- 在網(wǎng)頁(yè)中嵌入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)開(kāi)始截取完為止
console.log(str.substring(3,6));//截取，從3下標(biāo)開(kāi)始到6為止，[3,6)
</script>
</head>
<body>
</body>
</html>
二，AJAX
–1，概述
是異步的技術(shù)，用來(lái)局部刷新網(wǎng)頁(yè)。
好處是：在不刷新整個(gè)網(wǎng)頁(yè)的前提下，局部更新數(shù)據(jù)
–2，語(yǔ)法
$.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語(yǔ)法</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，倉(cāng)庫(kù)：repository
中央倉(cāng)庫(kù)、遠(yuǎn)程倉(cāng)庫(kù)：就是一個(gè)國(guó)外的網(wǎng)址，全球的人都能訪問(wèn)，存了各種jar包。
鏡像倉(cāng)庫(kù)：就是一個(gè)國(guó)內(nèi)的網(wǎng)址，從中央倉(cāng)庫(kù)下載好的jar包。
本地倉(cāng)庫(kù)：就是你本地磁盤的一個(gè)位置D:\Java\maven\resp，用來(lái)存你已經(jīng)下載好的jar包。
查找jar包的順序：本地倉(cāng)庫(kù) > 鏡像倉(cāng)庫(kù) > 中央倉(cāng)庫(kù)
2，依賴：
是指在pom.xml里通過(guò)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文件( 本地倉(cāng)庫(kù) / 鏡像倉(cāng)庫(kù) )
3，IDEA 集成 maven
4，IDEA 創(chuàng)建 maven項(xiàng)目
總結(jié)
本篇文章就到這里了，希望能給你帶來(lái)幫助，也希望您能夠多多關(guān)注腳本之家的更多內(nèi)容！
相關(guān)文章
jdk7 中HashMap的知識(shí)點(diǎn)總結(jié)
HashMap的原理是老生常談了，不作仔細(xì)解說(shuō)。一句話概括為HashMap是一個(gè)散列表，它存儲(chǔ)的內(nèi)容是鍵值對(duì)(key-value)映射。這篇文章主要總結(jié)了關(guān)于jdk7 中HashMap的知識(shí)點(diǎn),需要的朋友可以參考借鑒，一起來(lái)看看吧。2017-01-01
SpringBoot中對(duì)SpringMVC的自動(dòng)配置詳解
這篇文章主要介紹了SpringBoot中的SpringMVC自動(dòng)配置詳解,Spring MVC自動(dòng)配置是Spring Boot提供的一種特性,它可以自動(dòng)配置Spring MVC的相關(guān)組件,簡(jiǎn)化了開(kāi)發(fā)人員的配置工作,需要的朋友可以參考下2023-10-10
本文主要介紹了Java里的callable的實(shí)現(xiàn)原理，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2024-03-03
有時(shí)候我們要?jiǎng)h除集合中的某些元素，那么就可以參考下面的代碼2013-07-07
這篇文章主要介紹了Spring中@Value注解的使用方法詳解,在spring項(xiàng)目中必不可少的就是讀取配置文件,那么讀取配置文件就有兩種方式,一種就是使用Spring中@Value注解,還有一種是使用SpringBoot中的@ConfigurationProperties注解,需要的朋友可以參考下2024-01-01
Spring?Boot中的@EnableAutoConfiguration注解詳解
這篇文章主要介紹了Spring?Boot中的@EnableAutoConfiguration注解詳解,Spring?Boot是一個(gè)非常流行的Java框架，它可以快速創(chuàng)建基于Spring的應(yīng)用程序。Spring?Boot提供了許多自動(dòng)配置功能，使得開(kāi)發(fā)者可以非常容易地創(chuàng)建一個(gè)可運(yùn)行的應(yīng)用程序,需要的朋友可以參考下2023-08-08
Java基于jdbc實(shí)現(xiàn)的增刪改查操作示例
這篇文章主要介紹了Java基于jdbc實(shí)現(xiàn)的增刪改查操作,結(jié)合實(shí)例形式分析了java使用jdbc進(jìn)行數(shù)據(jù)庫(kù)的連接、增刪改查等基本操作技巧,需要的朋友可以參考下2019-01-01
Java并發(fā)編程學(xué)習(xí)之Unsafe類與LockSupport類源碼詳析
這篇文章主要給大家介紹了關(guān)于Java并發(fā)編程學(xué)習(xí)之Unsafe類與LockSupport類源碼的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起看看吧2018-06-06
Java操作MinIO實(shí)現(xiàn)文件的上傳和刪除
本文主要介紹如何將本地Java項(xiàng)目resources目錄下的一個(gè)PNG圖片上傳到MinIO，然后將上傳的圖片刪除，文中有詳細(xì)的流程步驟和示例代碼,需要的朋友可以參考下2023-06-06
這篇文章主要為大家詳細(xì)介紹了Struts2+uploadify多文件上傳實(shí)例，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-08-08