论坛 › 开发技术 › layui发送请求到php后端的实现方法

admin 发表于 2023-12-27 01:16:46

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

1、post请求：

<script type="text/javascript">
                layui.use([ 'element', 'jquery', 'laydate', 'form'],function() {
                        var $ = layui.jquery;
                        var element = layui.element;
                        var laydate = layui.laydate;
                        var form = layui.form;
                        //监听提交事件
                        form.on('submit(demo1)', function(data){                                  $.post("/user/changePwd",data.field,function(res){
                                                if(res.code==200){       
                                                        layer.msg("修改成功");
                                                }else{
                                                        layer.msg("修改失败");
                                                }                                               
                                        })                                                                                                                            
                                return false;//阻止表单跳转。如果需要表单跳转，去掉这段即可。
                           });
        </script>
2、ajax请求：
<script type="text/javascript">
                layui.use([ 'element', 'jquery', 'laydate', 'form'],function() {
                        var $ = layui.jquery;
                        var element = layui.element;
                        var laydate = layui.laydate;
                        var form = layui.form;
                        //监听提交事件
                        form.on('submit(demo1)', function(data){
                                  //获取请求数据
                                  var oldPwd = data.field.oldPwd;
                                  var newPwd = data.field.newPwd;
                                  var confirmPwd = data.field.confirmPwd;                   
                                  //使用ajax发送请求
                                  $.ajax({
                                          url:"/user/changePwd",
                                          type:"post",
                                          data:data.field,
                                          dataType:"json",
                                          success:function(data){                                               
                                          }                                                                    
                                  });                                                                                                                                    
                                return false;//阻止表单跳转。如果需要表单跳转，去掉这段即可。
                           });                                                                                                                                                                  
                });
        </script>

查看完整版本: layui发送请求到php后端的实现方法