post

layui中使用ajax请求后端_js

layui中使用ajax请求后端_json_02

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

View Code

 

 

get:

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

 

1