layui 如何动态添加字段传入后台

1、第一步：写一个页面，把layui.js和layui.css引用进来，如图：

2、第二步：在layui中请求接口用的ajax，这里需要封装一个post请求接口，代码如下：

var myPost = function(data, header, callback){

$.ajax({

 

   type: 'POST',

 

   url: url,

 

   async: false,

 

   dataType: 'JSON',

 

   data: data,

 

   headers: header,

 

   success: function (result) {

 

       callback（result）

   },

 

   error: function (e) {

 

       layuimini.msg_error('稍后再试');

 

   }

 

})

}

3、第三步：添加数据和头部，调用接口，代码如下：

myPost({}, {}, function (result) {

 

   

 

})

4、第四步：添加自定义数据和头部，比如在header里面添加token，代码如下：

header['token'] = 'token';

如图：

5、第五步：请求接口，可以看到在请求的时候，自己定义的token已经被添加上去了，如图：

6、第六步：layui是前端UI框架，没有自己封装ajax请求，动态添加数据就是拦截请求就好了，完整代码如图：