un9.14：前端页面中Ajax请求的标准写法。

我不是女神ヾ 2023-10-11 18:25 73阅读 0赞

众所周知，Ajax是一种非常简单的从前端向后端请求数据的方法，也因为它简洁明了，所以被广泛应用，但是新手可能会有很多的疑问，什么是Ajax？Ajax有什么作用？接下来，小编就来给大家分享一下。

Ajax全名async javascript and XML(异步JavaScript和XML)，是`前后台交互的能⼒，`也就是我们`客户端给服务端发送消息的⼯具，以及接受响应的⼯具。`

一、Ajax的请求。

`Ajax分为同步请求和异步请求。`

同步请求是指当前发出请求后，浏览器什么都不能做，必须得等到请求完成返回数据之后，才会执行后续的代码，相当于生活中的排队，必须等待前一个人完成自己的事物，后一个人才能接着办。也就是说，当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载，页面处于一个假死状态，当这个AJAX执行完毕后才会继续运行其他代码页面解除假死状态。

默认异步是当发出请求的同时，浏览器可以继续做任何事，Ajax发送请求并不会影响页面的加载与用户的操作，相当于是在两条线上，各走各的，互不影响。一般默认值为true，异步。异步请求可以完全不影响用户的体验效果，无论请求的时间长或者短，用户都在专心的操作页面的其他内容，并不会有等待的感觉。

二、Ajax的操作流程。

![20200314233401462.png_x-oss-process_image][]

1、首先通过PHP页面将数据库中的数据取出  
2、取出后转成json格式的字符串，后利用ajax把字符串返还给前台  
3、再利用json.parse解析通过循环添加到页面上  
4、那么反之，前端的数据可以利用ajax提交到后台  
5、但是后台是没有办法直接把这些数据插入到数据库中，所以要先提交到PHP页面上  
6、最后再由PHP将数据插入到数据库中

三、执行Ajax。

四、Ajax的优势xml HttpResult对象方法描述。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L09yaWVudGFsXw_size_16_color_FFFFFF_t_70][]

以上就是Ajax的标准写法，其实Ajax最大的优势就是它不需要插件的⽀持，原⽣ js 就可以使⽤，`不需要刷新⻚⾯就可以更新数据，减轻服务端和带宽的负担`，但是它也有个小小的缺点，就是搜索引擎的⽀持度不够，因为数据都不在⻚⾯上，搜索引擎搜索不到。

[20200314233401462.png_x-oss-process_image]: https://img-blog.csdnimg.cn/20200314233401462.png?x-oss-process=image
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L09yaWVudGFsXw_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200315104357831.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L09yaWVudGFsXw==,size_16,color_FFFFFF,t_70