layui中使用ajax请求后端

本文转载自查看原文 2020-12-05 17:42 12326 js/ html

post

 1 html:
 2 
 3 <form class="layui-form" action="" lay-filter="form-group">
 4         <div class="layui-form-item">
 5           <div class="layui-inline">
 6             <label class="layui-form-label">xxx</label>
 7             <div class="layui-input-inline">
 8               <input type="xxx" name="xxx"  class="layui-input">
 9             </div>
10           </div>
11         </div>
12 
13         <div class="layui-form-item">
14           <label class="layui-form-label">xxxx</label>
15           <div class="layui-input-block">
16             <input type="radio" name="111" value="111" title="111" checked="">
17             <input type="radio" name="222" value="222" title="222">
18           </div>
19         </div>
20         <div class="layui-form-item">
21           <div class="layui-input-block">
22             <button class="layui-btn" lay-submit="" lay-filter="form-submit">提交</button>
23           </div>
24         </div>
25       </form>
26 
27 
28 
29 js：
30 
31 
32 <script>
33 form.on('submit(form-submit)', function (inputData) {
34         console.log("inputData:",inputData);
35         $.ajax({
36             url:"xxxxx",
37             data:{'xxx':xxx,'xx':xxx},
38             type:"post",
39             dataType:"json",
40         headers : {'Content-Type' : 'application/json;charset=utf-8'}, //接口json格式
41             success:function(data){
42                 console.log(data);
43                 layer.alert(JSON.stringify(data), {
44                     title: data
45                 });
46             },
47             error:function(data){
48                 layer.alert(JSON.stringify(data), {
49                     title: data
50                 });
51             }
52         });
53 </script>

View Code

get:

将post方式改成get方式，url改成对应的地址即可

1 type:"get"

参考：https://www.cnblogs.com/zhenzi0322/articles/10951846.html

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 在layui中使用ajax不起作用 ajax请求, 前后端, 代码示例 vue中使用layui 前后端通信中使用Ajax与后台接口api交互(以登录功能为例) 前后端数据交互(二)——原生 ajax 请求详解在webform中使用ajax 在Ajax中使用JSON vue中使用ajax django_jquery中使用ajax发送post请求变成get请求 layui表单提交使用form.on('submit(sub)',function (){}) 使用ajax请求时回调不执行的原因及解决方法