概述

​ AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式、快速动态网页应用的网页开发技术,在不需要加载整个网页的情况下能够更新部分网页的技术。适用于Web前端开发,AJAX 不是新的编程语言,而是一种使用现有标准的新方法。

​ 通过在后端与服务器进行少量的数据交换,AJAX可以使网页实现异步更新。举个例子:网站的登录系统在登录成功/失败时,登录页面的弹窗提示信息就是一个AJAX的实例。

​ 使用AJAX,部分时候页面无需跳转即可告知用户操作的结果,一定程度上减少了用户对信息的重复输入,在体验感上更佳。

​ 下面我将以一个具体的案例进行分析。

案例分析

案例分析图

在结构上,以语句块“$.ajax({});”作为最外层,在内部主要分为以下几个部分:

  • method——用于填写提交方式(post/get);
  • url——用于填写提交地址,即后端信息处理方法的地址;
  • data——数据传输,需要注意的是,例如本例中“id:newdata”,其中id可自定义的一个字段,而newdata代表的是从表单获取的值,那么通常这个值会在JS内AJAX前赋值给一个新定义的变量(比如我这里定义的newdata)。另外,data需要通过花括号括起来,无论是几个值,在括号内,若出现多个值,则需用逗号隔开;
  • success——指AJAX与后端交互成功后的操作,在本例中,使用了function(msg){};其中msg是形式参数,他代表的是后端的返回值,当后端返回200时提示删除成功,否则不成功。

当然,这只是针对一个具体的案例进行分析,在开发中是比较实用的。

最后修改:2020 年 11 月 26 日 03 : 03 PM
如果觉得我的文章对你有用,请随意赞赏~