第二天，node--＞ajax零散知识点【1123】

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时长会有，但在改的过程中找到乐趣、找到突破口，也是一个不错的结果。