Lena
这是我们 html 的代码,我们用一个 form 标签将我们要提交给服务器后台的数据“username”和“password”通过 post 请求传给后台 php 页面。
Lena
在 php 页面我们首先声明两个 post 变量用于接收数据。然后将这两个变量用连接符连接起来,输出在屏幕上,最后的效果是这样的。
Lena
Lena
这样我们就初步理解了表单提交这一部分知识点。
一、请求分为三种:
(1)post 数据提交型:post+url 地址+请求正文
(2)get:资源获取型: get+url 地址
(3)ajax:利用异步提交方式,在不刷新页面的情况下,提交数据给后台。
其中 ajax 位异步请求方式,旨在不改变页面的情况下将数据传给后台。
前端用 get,后端就用 $GET 函数取,用 post 后端就用 $_POST 取

二、AJAX 请求
Lena

(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的请求。

Lena