ajax表单请求的多种用法

一.表单  form

1.监听submit事件

2.阻止默认行为  e.preventDefault;

3.获取表单内容      $(this).

4.调用$.ajax 进行网络请求 （发现服务器返回 密码为空或者是用户名为空，原因：请求的参数名不一致）

有问题检查一下三个方面:

• 看网络状态

• 看请求的 url 地址是否错误（结合接口文档看）

• 看请求的方式和参数（结合接口文档看）

5.在 success 函数里面获取服务器返回的数据

6.用模板字符串   var htmlstr = template("id',res);

二,如何快速给表单赋值

1.通过 form 里面的方法

let form = layui.form;
form.val("form表单标识", 值);

 

<form lay-filter="标识"></form>

layui 是如何知道我们服务器返回的数据要放在那个表单元素里面？ 通过 name 属性

注意： 表单里面 name 属性的值 一定要跟服务器返回的 数据里面的字段保持一致

id 怎么处理的： 利用隐藏域

<input type="hidden" name="id" />

隐藏域： 当我们的数据不想让用户看到，但是我们提交表单的时候又需要提交给服务器