ajax--表单get、post方法向后台传输数据

为了前端与后台进行交互，我们使用ajax来完成这些功能。

我们首先了解，什么是ajax？

Asynchronous JavaScript and XML

通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新，可以局部刷新而不必整个页面整体刷新。

如何与服务器进行数据交换？

首先，需要自己搭建服务器，在服务端的环境中可运行PHP语言

从网页进入服务器有三种基本方式：

1.   localhost:+端口号
2.   127.0.0.1+端口号
3.   ip+端口号

然后，和服务器端的php页面建立联系

如下例子：在html页面中的form表单中，与 05.2.php 建立联系 ，数据传递方式为POST。

<form action="05.2.php" method="post">
    <input type="text" placeholder="请输入用户名" name="userName">
    <input type="submit" placeholder="登录">
</form>

下面是05.2.php页面的内容：

<?php
    echo "这个为post提交的页面";
    echo $_POST['userName'];
    echo '<h1>'.$_POST['userName'].'欢迎你</h1>';   
        //在php中字符串拼接使用的是.
?>    

输入 jj  结果如下：

如果使用get方式传递数据，则在php页面中使用$_GET['']方法。