Web-DAY11-JSON+AJAX+Maven

JSON

JSON是一种轻量级的数据交换格式。
指定了 浏览器 和 服务器 之间数据传输的格式。
作用
JSON 是存储和交换文本信息的语法。当数据在浏览器与服务器之间进行交换时,这些数据只能是文本。JSON 属于文本,并且我们能够把任何 JavaScript 对象转换为 JSON,然后将 JSON 发送到服务器。我们也能把从服务器接收到的任何 JSON 转换为 JavaScript 对象。以这样的方式,我们能够把数据作为 JavaScript 对象来处理,无需复杂的解析和转译。
转换工具
//给服务器发送数据:将Js对象转成JSON字符串 JSON.stringify(JS对象)
//接收服务器的数据:JSON字符串转成JS对象 JSON.parse(“json字符串”)

		<script>
		<!-- 在网页中嵌入JS代码 -->
		 var a =" 'name':'张三' ";
		 console.log(a);
		 
		<!-- 定义json 对象 -->
		b = "{'name':'李四','age':'12' }";
		console.log(a.length);
		console.log(a.concat(123));//拼串 //{'name':'李四','age':'12' }123
		<!-- 定义json 数组  '[????]'-->
		 c= '[ {"name":"李四","age":"12" },{"name":"张三","age":"20"} ]';
		 console.log(c);
		 //js对象<->json 串  使用工具JSON
		 /* js对象可以解析对象的各种属性的值
		  json串可以对字符串拼接、长度。截取、替换*/
		  //接收服务器的数据:JSON字符串转成JS对象  JSON.parse("json字符串")
		   var jsc =JSON.parse(c);
		   console.log(jsc);
		   console.log(jsc[0].name);
		   console.log(jsc[1].age);
		  //给服务器发送数据:将Js对象转成JSON字符串    JSON.stringify(JS对象)
		 var d=JSON.stringify(jsc);
		 console.log(d);
		 console.log(d.length);
		 console.log(d.substring(23,34));//截取
		</script>

AJAX

是异步的技术,用来局部刷新网页。
好处是:在不刷新整个网页的前提下,局部更新数据
在这里插入图片描述
语法:

$.ajax({
	type:  //要使用的请求方式GET/POST
	url:  //要使用的请求路径 /哪个程序去处理
	contentType: //要传递的数据类型  text html jpg json
	data:  //要拼接的数据
	dataType:  //数据类型 text html jpg json
	success: function(data){ //成功时的方案 	
	},
	error: function(data){ //失败时的方案	
	}
})

测试练习

		<script src="jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script>
		<script >
			$(function(){//文档就绪事件
				$.ajax({ //发起Ajax请求数据
					type: "POST",
					url: "http://p.3.cn/prices/mgets",
					contentType: "application/json;charset=utf-8",
					data: {		//拼接的参数
						"skuIds": "J_100003717483"
					},
					dataType: "jsonp",
					success: function(data) {	//返回的结果
	//[{"cbf":"0","id":"J_100003717483","m":"10000.00","op":"2499.00","p":"2099.00"}]
						console.log(data);//返回值的是对象数组
						console.log(data[0].op);//打印对象的属性
					},	
					error: function(data) {
						alert("提交失败" + JSON.stringify(data));//将Js对象转成JSON字符串 
					},
				});	
			});
		</script>

Maven

1.Maven是项目构建工具。核心是一个pom.xml维护管理jar包。

2.核心组件

1,仓库:repository
中央仓库、远程仓库:就是一个国外的网址,全球的人都能访问,存了各种jar包。
镜像仓库:就是一个国内的网址,从中央仓库下载好的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
在这里插入图片描述
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值