前端html页面中ajax的请求

最新推荐文章于 2024-04-23 08:58:40 发布

骨子里的偏爱

最新推荐文章于 2024-04-23 08:58:40 发布

阅读量2.2k

点赞数 1

分类专栏：原生PHP 文章标签：前端 ajax html

本文链接：https://blog.csdn.net/weixin_41823246/article/details/129193840

版权

原生PHP 专栏收录该内容

25 篇文章 0 订阅

订阅专栏

前端html页面中ajax的请求（基本的请求）

代码如下：

<script>
    layui.use('jquery', function () {  //声明jquery
        var $ = layui.jquery;// 引入内置在layui中的jquery
 
        $("#btn").click(function () {// 提交点击事件
            $.ajax({
                async: false,// false为同步
                url: " Servlet?action=add",// 请求路径
                data: $("#form1").serialize(),// 序列表单获取输入内容
                type: "POST",// 请求方式
                dataType: "json",// 返回值的类型  注意此处返回的的数据类型有 text json
                success: function (data) {
                    if (data == '1') {
                        var index=parent.layer.getFrameIndex(window.name);
                        parent.layer.close(index); // 根据索引关闭弹出层
                        window.parent.location.reload();// 刷新父页面
                    } else {
                        alert("失败");
                    }
                },
                error: function (data) {
                    alert(data);
                }
            });
        })
    });
</script>