layui发送请求到php后端的实现方法

admin

1、post请求：

1. <script type="text/javascript">
   
2.                 layui.use([ 'element', 'jquery', 'laydate', 'form'],function() {
   
3.                         var $ = layui.jquery;
   
4.                         var element = layui.element;
   
5.                         var laydate = layui.laydate;
   
6.                         var form = layui.form;
   
7.                         //监听提交事件
   
8.                         form.on('submit(demo1)', function(data){                                    $.post("/user/changePwd",data.field,function(res){
   
9.                                                 if(res.code==200){       
   
10.                                                         layer.msg("修改成功");
    
11.                                                 }else{
    
12.                                                         layer.msg("修改失败");
    
13.                                                 }                                               
    
14.                                         })                                                                                                                            
    
15.                                 return false;  //阻止表单跳转。如果需要表单跳转，去掉这段即可。
    
16.                            });
    
17.         </script>
    

复制代码

2、ajax请求：

1. <script type="text/javascript">
   
2.                 layui.use([ 'element', 'jquery', 'laydate', 'form'],function() {
   
3.                         var $ = layui.jquery;
   
4.                         var element = layui.element;
   
5.                         var laydate = layui.laydate;
   
6.                         var form = layui.form;
   
7.                         //监听提交事件
   
8.                         form.on('submit(demo1)', function(data){
   
9.                                   //获取请求数据
   
10.                                   var oldPwd = data.field.oldPwd;
    
11.                                   var newPwd = data.field.newPwd;
    
12.                                   var confirmPwd = data.field.confirmPwd;                   
    
13.                                   //使用ajax发送请求
    
14.                                   $.ajax({
    
15.                                           url:"/user/changePwd",
    
16.                                           type:"post",
    
17.                                           data:data.field,
    
18.                                           dataType:"json",
    
19.                                           success:function(data){                                                 
    
20.                                           }                                                                    
    
21.                                   });                                                                                                                                      
    
22.                                 return false;  //阻止表单跳转。如果需要表单跳转，去掉这段即可。
    
23.                            });                                                                                                                                                                    
    
24.                 });
    
25.         </script>
    

复制代码