先启动一个服务器,端口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数据,我们就可以利用数据来拼接了: