springboot项目整合-注册功能模块开发( 三 )

妙不可言!!!!!!!!!!
1.4前端页面的设计1.在register页面中编写发送请求的方法,后端接收方法为reg,当检测中点击事件后触发请求--》 点击事件
选择对应的按键(%(“选择器”)),再去添加点击的事件,$.ajax()函数发送异步请求额2.JQuery封装了一个函数,称为$.ajax()函数,通过对象调用ajax函数,可以异步的加载一个请求,依靠的是JAVAScript提供的一个xhr(xmlHttpResponse),封装了这个对象
3.ajax()使用方法: 需要传递一个方法体作为一个方法的参数使用:一对大括号被称为方法体.ajax接收多个参数,参数之间要求使用","进行分割,每一组参数之间使用":"进行分割 。参数的组成部分一个是参数的名称(不能随意更改),参数的值要求是用字符串来标识 。参数的声明顺序没有要求。语法结构如下:
【springboot项目整合-注册功能模块开发】$.ajax({url: "",type: "",dataType: "",success: function() {},error:function() {}});4.ajax函数参数的含义url : 标识请求的地址(url地址) 。不能包括列表部分的内容 例如: url:"localhost:8080/users/reg"type: 请求类型(GET 和 POST 请求类型) 例如: type:"POST"data: 向指定的请求url地址提交的数据: 例如: data:"username="tom"&password="123456""dataType:提交的数据的类型 例如:"json"success:当服务器正常响应客户端时,将会自动调用success方法,并且将服务器返回的数据以参数的形式传递给这个方法的参数上error:当服务器异常响应客户端时,将会自动调用error方法,并且将服务器返回的数据以参数的形式传递给这个方法的参数上
5.js代码可以独立声明在一个js的文件里或者声明在一个script标签中
注册功能实现完成

springboot项目整合-注册功能模块开发

文章插图

springboot项目整合-注册功能模块开发

文章插图

经验总结扩展阅读