tp5中ajax方式提交表单

用ajax提交表单，迅速，快捷，实现页面无刷新提交表单。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>ajax批删</title>

</head>

<body>

<center>

    <table>

        <tr>

            <td>姓名</td>

            <td><input type="text" name="name" id="name"></td>

        </tr>

        <tr>

            <td>年龄</td>

            <td><input type="text" name="age" id="age"></td>

        </tr>

        <tr>

            <td>地址</td>

            <td><input type="text" name="address" id="address"></td>

        </tr>

        <tr>

            <td></td>

            <td><button type="button" id="sub">添加</button></td>

        </tr>

    </table>

</center>

</body>

</html>

<script src="/static/js/jquery.js"></script>

<script>

    $("#sub").click(function(){

        var name = $("#name").val();

        var age = $("#age").val();

        var address = $("#address").val();

        $.ajax({

            method:"POST",

            data:{

                name:name,

                age:age,

                address:address

            },

            url:"{:url('Dels/add')}"

        }).done(function(d){

            if(d==){

                alert("添加成功");

            }else{

                alert("添加失败");

            }

        });

    });

</script>

巴特西

tp5中ajax方式提交表单

最新文章

热门文章