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