JSON,AJAX,Maven 입문 기초

4464 단어 JSONAJAXMaven
JSON
C1,개술
JSON 은 경량급 데이터 교환 형식 이다.
브 라 우 저 와 서버 간 데이터 전송 형식 을 지정 하 였 습 니 다.
C2,테스트

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>   JSON   </title>
		<!--       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     '[????]'
			a =  '[{ "name" : "  " , "age" : "18"  },{ "name" : "  " , "age" : "20"  }]'
			console.log(a);
			//json  <-> js   ---   JSON   
			//1.         : JSON     JS  : : : JSON.parse("json   ")
			//js                        
			var jsa = JSON.parse(a);//          
			console.log(jsa);// a       js  
			console.log(jsa[0].age) ;//18
			console.log(jsa[1].name) ;//  
			//2.         :  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>
2,AJAX
C1,개술
비동기 적 인 기술 로 국부 적 으로 웹 페이지 를 새로 고 치 는 데 쓰 인 다.
장점:전체 웹 페이지 를 새로 고치 지 않 는 전제 에서 부분 적 으로 데 이 터 를 업데이트 하 는 것 이다.
C2,문법

$.ajax({
	type:  , //     ,get/post
	url:  , //             
	contentType: , //          text html jpg json
	data:  , //         
	dataType: , //           text html jpg json
	success: function(data){ //          
	},
	error: function(data){ //          
	}
})
C3,테스트

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>   ajax  </title>
		<script src="jquery-1.8.3.min.js"></script>
		<script>
			$(function(){//      
				$.ajax({ //  Ajax    
					type: "get",
					url: "http://p.3.cn/prices/mgets",
					contentType: "application/json;charset=utf-8",
					data: {		//     
						"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>
3,Maven
C1,개술
Maven 은 프로젝트 구축 도구 입 니 다.핵심 은 pom.xml 유지보수 관리 jar 패키지 입 니 다.
C2,핵심 구성 요소
1,창고:repository중앙 창고,원 격 창고:바로 외국 의 인터넷 주소 로 전 세계 사람들 이 방문 할 수 있 고 각종 jar 가방 을 저장 합 니 다.
미 러 창고:국내 사이트 입 니 다.중앙 창고 에서 좋 은 jar 가방 을 다운로드 합 니 다.
로 컬 창고:로 컬 디스크 의 위치 D:\자바\maven\resp 입 니 다.다운로드 한 jar 패 키 지 를 저장 합 니 다.
jar 패키지 찾기 순서:로 컬 창고>미 러 창고>중앙 창고
2,의존:
pom.xml 에서dependency라벨 을 통 해 jar 가방 의 좌 표를 정의 하 는 것 을 말 합 니 다.
jar 패키지 간 에 서로 의존 해 야 한다 면,maven 은 자동 으로 관리 하고 다운로드 합 니 다...
3,좌표:
jar 가방 사이 의 유일한 표지..groupidjar 패키지 그룹 을 말 합 니 다.아 티 팩 티 드 는 jar 패키지 의 프로젝트 id 를 말 합 니 다.version 은 jar 패키지 의 버 전 을 말 합 니 다.
4,상용 명령:clean캐 시 를 비우 고 target 폴 더 를 직접 비 웠 습 니 다.
설치,jar 파일 생 성
C3,사용 절차
1,다운로드 및 압축 해제 maven
2.maven 이 제공 하 는 settings.xml 파일(로 컬 창고/미 러 창고)을 수정 합 니 다.
3,IDEA 통합 maven
在这里插入图片描述
4,IDEA maven 프로젝트 만 들 기
총결산
이 글 은 여기까지 입 니 다.당신 에 게 도움 을 줄 수 있 기 를 바 랍 니 다.또한 당신 이 우리 의 더 많은 내용 에 관심 을 가 져 주 실 수 있 기 를 바 랍 니 다!

좋은 웹페이지 즐겨찾기