ajax 和 json

最新推荐文章于 2023-04-28 10:49:05 发布

JackNavy

最新推荐文章于 2023-04-28 10:49:05 发布

阅读量193

点赞数

文章标签： java

本文链接：https://blog.csdn.net/qq_41035192/article/details/104249282

版权

json：指的是类似于JavaScript对象的一种数据格式，

ajax: ajax技术的目的是让JavaScript发送HTTP请求，于后台同通信，获取数据和信息，

     ①ajax技术是异步的：指的是同时做几件事情；
         相关的同步：指的是做完一件事后，在做另一件事；

	 ②ajax技术是局部刷新： ajax可以自己发送HTTP请求，不用通过浏览器的地址栏，
             所以页面不会整体刷新，ajax获取到后台的数据后，更新页面显示数据的部分，就做到了页面的局部刷新；
			 
     ③ajax技术是同源策略： ajax请求的页面或资源只能是同一个域下面的资源；                               									   

     ④ajax技术的使用方法：
	                       $.ajax({
								url:'',          //请求数据的地址；
								type:'get',      //获取数据的方式；
								dataType:'json', //返回数据的格式；
								data:{'aa':1},   //发送给服务器的数据；
								success:function(data){  //请求成功后的回调函数
									alert(data);
								},
								error:function(){        //请求失败后的回调函数
								    alert("服务器超时！");
								},
								async: true;      //是否异步： 默认为：true,表示为异步：
								
						   });

        上面是老的写法：现在用的新的推荐的方法：
		
		                    $.ajax({
								url:'data.json',           
								type:'get',      
								dataType:'json',
								data:{'aa',1}
						    })
							.done(function(dat){
							
								$('#username').html(dat.name);
								$('#userage').html(dat.age);
							})
							.fail(function(){
							    alert("服务器超时！");
							});  


		例如： <!DOCTYPE html>
				<html lang="en">
				<head>
					<meta charset="UTF-8">
					<title>Document</title>
					<script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
					<script type="text/javascript">
					
					    $(function(){
						
							$.ajax({
								url:'data.json',           
								type:'get',      
								dataType:'json', 
						    })
							.done(function(dat){
							
								$('#username').html(dat.name);
								$('#userage').html(dat.age);
							})
							.fail(function(){
							    alert("服务器超时！");
							});
							
						
						})
						
					</script>
				</head>
				<body>
					  <p>姓名：<span id="username"></span></p>
					  <p>年龄：<span id="userage"></span></p>
				</body>
				</html>

https://www.sojson.com/json/json_fmt.html

JackNavy

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ajax 和 json

json：指的是类似于JavaScript对象的一种数据格式，ajax: ajax技术的目的是让JavaScript发送HTTP请求，于后台同通信，获取数据和信息， ①ajax技术是异步的：指的是同时做几件事情；相关的同步：指的是做完一件事后，在做另一件事； ②ajax技术是局部刷新： ajax可以自己发送HTTP请求，不用通过浏览器的地址栏， ...
复制链接

扫一扫