AJAX

参考：https://www.runoob.com/ajax/ajax-asp-php.html

表单AJAX实例

• serialize() 方法:选择一个或多个表单元素（比如 input 及/或 文本框），或者 form 元素本身,它的操作对象是代表表单元素集合的 jQuery 对象。
• 输出标准的查询字符串：a=1&b=2&c=3&d=4&e=5

实例

在php环境下的统计目录创建demo.php和demo.htm,其中，demo.html核心代码如下:

//ajax 用post传值
<script>
    function submit() {
        //要提交的表单id为form1
        $.ajax({
            url: "demo.php",
            data: $("form").serialize(),
            type: "post",
            success: function(data) { //ajax返回的数据
                alert(data);
            }
        });
    }
</script>
//前端表单
<form method="post" action="demo.php">
        <input type="text" name="name1">
        <input type="text" name="name2" />
        <button onclick="submit();">提交</button>
    </form>

demo.php

<?php
  var_dump($_POST);
?>

在前端随便输入两条数据，demo.php输出显示为array(2) { ["name1"]=> string(6) "小狼" ["name2"]=> string(6) "小樱" }