Ajax OR Form !

Posted 2021-04-15 智科创享

本文将为大家介绍ajax和form表单的概念、区别以及用法：

• 概念

• 表单：

在html中，<form>标签是使用来创建供用户输入的html表单，在网页中很常见，比如：注册和登录页面就是用表单实现的。

<form>标签中通常会有很多子元素，用来定义各种交互控件（文本字段、复选框、单选框、提交按钮等等），比如<input>、< button>、< select>、< textarea>等标签。

详细链接：

https://baijiahao.baidu.com/s?id=1631481433493074116&wfr=spider&for=pc

2.ajax：

Ajax 即“Asynchronous javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式网页应用的网页开发技术。

Ajax = 异步 JavaScript 和 XML 或者是 HTML（标准通用标记语言的子集）。

Ajax 是一种用于创建快速动态网页的技术。

Ajax 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。

通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

传统的网页（不使用 Ajax）如果需要更新内容，必须重载整个网页页面。

详细链接：https://www.w3school.com.cn/ajax/ajax_intro.asp

• 区别

• form表单提交是同步（即刷新整个页面），ajax提交为异步（即刷新局部页面）【同步简单的理解为一起进行，同时进行，异步则为只进行某一个动作，或提交某一个数据】

• form表单是存在于html中，而ajax存在于js中。

• form表单无法在当前页面处理后端返回的数据【如果想要处理必须要跳转到别的界面】，ajax可以在当前页面处理后端返回的数据【因此ajax现在要比form表单流行】

详细链接：https://blog.csdn.net/weixin_44141284/article/details/88619309

• 用法（只介绍重要参数）

• 表单：

method:提交方法，有get和post两种提交方法。

2.ajax:

第一行url：指定ajax发送给哪个url进行处理

第二行type：ajax发送数据的方式，可以是GET或者POST，如果使用POST方法可先注释掉csvf中间件

第三行data：ajax发送的数据，需要是字典格式，且v默认是数字或者字符串

第六行success：表示后台处理函数处理成功后，前端再执行的函数，参数arg表示处理函数的返回值，即HttpResponse的返回值，且只能接收字符串格式

第四行dataType：success的function函数默认只能接收字符串格式的返回值.

第七行error：例如当指定的url错误、网络错误等，会执行此函数。

下一篇文章将为大家介绍java后端管理jar包以及项目的神器—Maven，敬请期待！（后续会有软协的大佬带大家从头走java）