PHP之表单操作

这是我们 html 的代码,我们用一个 form 标签将我们要提交给服务器后台的数据“username”和“password”通过 post 请求传给后台 php 页面。
在 php 页面我们首先声明两个 post 变量用于接收数据。然后将这两个变量用连接符连接起来,输出在屏幕上,最后的效果是这样的。

这样我们就初步理解了表单提交这一部分知识点。
一、请求分为三种:
(1)post 数据提交型:post+url 地址+请求正文
(2)get:资源获取型: get+url 地址
(3)ajax:利用异步提交方式,在不刷新页面的情况下,提交数据给后台。
其中 ajax 位异步请求方式,旨在不改变页面的情况下将数据传给后台。
前端用 get,后端就用 $GET 函数取,用 post 后端就用 $_POST 取
二、AJAX 请求
(1) 要引入 jquery 的 js 库
(2)不再需要 form,只需要任意一个元素发起 js 事件,让 js 代码进行处理。
我们通过在 html 的代码中添加 script 行
 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30 <script>
function dopost() {
//获取表单元素的值
var username = $("#username").val();
var password = $("#password").val();
//通过字符串拼接为一个正文
var param = "username=" + username + "&password="+password; //将 username 和 password 加进去,加上&符号在尾随''后面。然后将正文
//window.alert(param); //弹出警告框,并将其显示在页面上。 (如果不可用,请注意允许用户
//利用 ajax 发送 post 请求,并获取响应。
$.post('../php/login.php' , param , function(data){
//data 是返回值的字符串。这是一个 HTML 页面上的表单。 这是一个正文。把返回值包含在 param 中。在页面上查看数据时,可以看到 param。
window.alert(data); //打印数据到页面上。 如果不可用,请允许用户。
});
}
</script>
    再在后面的登录button中用上上面定义的dopost函数
    
    这样我们就实现了一个简单的ajax的请求。








