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

2025-06-27 23:32:59

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

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

2、第二步:在layui中请求接口用的ajax,这里需要封装一个post请求接口,代码如下:var my霸烹钟爷Post = 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('稍后再试'); }})}

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

3、第三步:添加数据和头部,调用接口,代码如下:myPost({}, {}, function (result) { })

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

4、第四步:添加自定义数据和头部,比如在header里面添加token,代码如下:header职邗珩垃['token'] = 'token';如图:

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

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

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

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

layui 如何动态添加字段传入后台
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢