Ajax和json的理解(学Ajax之前首先要学json格式)

xmlhttp.open(“GET”,"/try/ajax/demo_get.php",true);
xmlhttp.send();
在这里插入图片描述在这里插入图片描述

true表示的是异步
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

CSS主要的作用就是给网页中的dom元素设置样式,选择器则是用来匹配dom元素的。
CSS中的选择器有三种,分别是标签选择器(根据元素标签名称),类选择器(根据元素class属性),id选择器(根据元素id属性),并且三种选择器可以相互结合使用

选择器的理解参考文章:http://www.lvyestudy.com/les_cj/cj_2.2.aspx

@ResponseBody:将服务器返回的对象转换为json对象响应回去(这里我说的是json对象不是json字符串)

以前做前端开发,异步加载数据,基本上用的是xml格式来传输,但自从json数据出来后,大受欢迎,现在大多数都改用json来传输数据了,相对xml格式,他可以省却解析这一步,json数据返回,在JS脚本里,是可以直接当做对象数据来操作的。

在这里插入图片描述

在这里插入图片描述
现在大多数的网站,都是局部刷新,不刷新整个页面的情况下,实现页面更新;

在这里插入图片描述在这里插入图片描述数据用逗号分隔,最后一个数据不能加逗号
在这里插入图片描述json的键值我们都用双引号进行了包裹

在这里插入图片描述
在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述
在这里插入图片描述

JSON是js本身就有的,不需要我们导任何东西

在这里插入图片描述
在这里插入图片描述在这里插入图片描述

在这里插入图片描述最重要的是我们使用java生成出json,然后让前端获取到这个json(前端获取到json就可以把它转换为对象了)

xhr表示就是异步交互的意思

在这里插入图片描述这些数据就是从服务器端响应过来的。
在这里插入图片描述我们的目的就是做一个链接也能出来json字符串

在这里插入图片描述Controller其实就是一个请求(我们的目的就是请求controller返回json字符串)

response也是可以返回字符串的但是比较低级
在这里插入图片描述在这里插入图片描述
在这里插入图片描述如果我们使用SpringBoot
在这里插入图片描述scope表示的是作用域

在这里插入图片描述在这里插入图片描述在这里插入图片描述
在这里插入图片描述在这里插入图片描述在这里插入图片描述
一劳永逸的方法我们一般就在配置文件里面改。
在这里插入图片描述在这里插入图片描述在这里插入图片描述
在这里插入图片描述在这里插入图片描述
在这里插入图片描述在这里插入图片描述
在这里插入图片描述在这里插入图片描述在这里插入图片描述
在这里插入图片描述在这里插入图片描述
在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述url:这个url我写的就是访问json页面的地址
data:指的是发送给后端的参数
在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述我们一般只用url,data,success

在这里插入图片描述在这里插入图片描述请求将文本框输入的值发给服务器,接收服务器返回的数据

在这里插入图片描述id之前要加#
在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述
接下来我们让后端返回的是json字符串

在这里插入图片描述
在这里插入图片描述在这里插入图片描述在这里插入图片描述 在这里插入图片描述在这里插入图片描述在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值