AJAX

AJAX参考文档

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

JQUERY AJAX封装

（1）jquery调用ajax方法：
* 格式 $.ajax({});
* 参数：

          type :  请求方式GET/POST
          url  :  请求地址url
          async： 是否异步，默认为true表示异步
          data ： 发送到服务器的数据
          dataType： 预期服务器返回的数据类型
          contentType:  设置请求头
          success: 请求成功时调用此函数
          error:  请求失败时调用此函数

表单AJAX和PHP实例

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

实例1

在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) "小樱" }