php ajax提交普通表单

最新推荐文章于 2021-08-05 12:31:34 发布

原创最新推荐文章于 2021-08-05 12:31:34 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

学习笔记专栏收录该内容

25 篇文章

订阅专栏

本文介绍了一种利用Ajax技术实现表单数据无刷新提交的方法。通过JavaScript代码，当用户填写完表单并点击按钮后，表单数据将通过Ajax发送到服务器端的PHP文件进行处理，并将响应结果显示在网页上。

<script>
    function submit(){
            //要提交的表单id为form1
            $.ajax({
                url:"request.php",
                data:$("form").serialize(),
                type:"post",
                success:function(data){//ajax返回的数据
                    alert(data);
                    $("#show_result").html(data);
                }
            });
    }


</script>

表单：

<form method="post" action="request.php
">
    <input type="text" name="name">
    <input type="text" name="age" />
    <button onclick="submit();">上传</button>
</form>

<div id="show_result"></div>