复习ajax-实现步骤及参数传递(part1)

先启动一个服务器,端口9999
开放static静态资源服务,指定路由为/p/
注册一个get方式的路由,命中返回this is test1
在这里插入图片描述

新建一个html页面,我们分4个步骤去发送ajax请求:
1.创建一个ajax对象xhr
2.告诉xhr我们要用什么方式(get)去请求哪个地址
3.发送ajax请求
4.调用xhr.onload方法获取服务器返回的数据
在这里插入图片描述
控制台打印出来了,说明ajax发送成功
在这里插入图片描述

这里只是一个演示,真实项目中,不会去获取一段字符串,服务端大多数情况下会以JSON对象作为响应数据的格式,客户端拿到对象,会把json数据和html拼接

我们看下面的例子:
在这里插入图片描述
注册一个新的路由,命中就返回一个json对象
改一下ajax请求的地址,并且看一下返回的是什么类型的数据:
在这里插入图片描述

控制台返回:
在这里插入图片描述

返回的是一个字符串!

这是因为再http请求和响应过程中,无论是请求参数还是响应内容,如果是对象类型,最终都会转化为字符串进行传输

我们可以用window对象下面的JSON对象的parse方法把json格式的字符串转化为json对象:

在这里插入图片描述
控制台输出:
在这里插入图片描述
前端可以获取到服务器传过来的json数据,我们就可以利用数据来拼接了:
在这里插入图片描述

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值