Ajax请求数据不会进行跳转页面,他只会
-
渲染在当前页面
-
局部刷新,
-
提高用户体验感
-
按需加载数据【滚动加载更多内容、分页获取数据】
使用ajax
-
创建ajax对象、设置请求的接口地址he请求方式【open方法,设置请求地址和方式open(方式,接口地址,是否异步)】、获取请求的结果
-
同步【一条一条执行,后面想要执行,需等待前面先执行】
-
异步【当同步代码运行时遇到异步代码时,不会等待异步代码,自己执行自己】
-
ajax状态码的取值【
-
0-----表示创建了Ajax对象
-
1-----设置了请求的方式和接口地址 open()之后
-
2-----表示send之后
-
3-----表示请求成功 正在解析数据,但是数据不一定解析完
-
4-----请求成功且数据也解析完成 可以正常获取数据【xhr.οnlοad=function(){},当ajax请求的状态码为4时会触发这个事件】
-
-
】
-
热刷新【预防服务器经常断】
-
-
配置在package.json中,启动的方法有两种
-一种是在该文件夹下打开终端【shirt+右键】,使用命令行语句【npm run devstart】
-第二种是在该文件夹下,直接【node ./server.js】文件,启动起来就ok
二、:今日练习-
ajax封装
-
-
-
数据库连接【增删改查和连接】
-
-
配置静态资源服务器
主页设置
,实现简单的数据库表的搜索,通过后台开启服务器,通过设置的接口,前端发起ajax请求,后台把搜索到的内容返回给前端,前端接收并显示出来。
感受:
从基础搭建到请求成功,虽然内容不多,但确实是精华所在,相信后期的一些请求操作都少不了这些基础的搭配,也许一些内容会发生改变,但他们也肯定同根同源,最终目的是一致的。学习是一个循循渐进的过程,无论简单也好,困难也罢,只要能感受体会到代码中的快乐,其实也是一种满足。没事多出点bug改改,bug时长会有,但在改的过程中找到乐趣、找到突破口,也是一个不错的结果。
-
-
-