###1、什么是Ajax请求？
在之前的学习中，我们理解有接触过HTTP请求中的两种，POST和GET请求，

而接下来，我们将要学习一种叫Ajax的异步请求，这类请求也是基于HTTP协议发送的，

但Ajax与POST、GET不同的是，

Ajax请求不需要刷新页面，而后两者则需要。

Ajax严格来说是一种用户操作，不属于真实的请求类型，所以Ajax也有可能是POST或GET请求。

注意，由于Ajax是基于用户操作发起的，所以同学们需要具备一点前端JavaScript编程语言的知识。

###2、什么是JQuery？
JQuery是JavaScript封装的一套类库，简化了许多常用的JavaScript函数和操作节点的方法。

JQuery最重要的特色之一，是它有着一套完善的Ajax请求类库，使用它我们不需要考虑复杂浏览器的兼容性和XMLHttpRequest对象的创建和使用的问题。

###3、使用click()方法绑定点击操作
JQuery中，使用`click()`可以绑定点击操作，其语法如下：
```php
$("ID或者类名").click(function(){
    // 其他代码
});
```
完整案例如下：
```php
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

<script src="https://www.junphp.com/api/kefu/js/JQuery v1.7.2.js" type="text/javascript"></script>
</head>

</html>
```
###4、使用val()获得表单元素内容
JQuery中，使用`val()`可以获得表单元素的内容，其语法如下：
```php
$("ID或者类名").val();
```
完整案例如下：
```php
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

<script src="https://www.junphp.com/api/kefu/js/JQuery v1.7.2.js" type="text/javascript"></script>
</head>

</html>
```
###5、使用ajax()发送异步请求
JQuery中，使用`ajax()`函数发送异步请求，其语法格式如下：
```
$.ajax({
    type: '请求类型，POST或者GET',
    data: JSON格式的请求数据,
    url: '请求地址',
    success: function(data) {
        // 请求回调内容
    }
});
```
完整案例如下：

`index.php`中的代码：
```php
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

<script src="https://www.junphp.com/api/kefu/js/JQuery v1.7.2.js" type="text/javascript"></script>
</head>

</html>
```
`handle.php`中的代码：
```php
<?php
# 接收请求数据
$name = $_POST['name'];
$pwd  = $_POST['pwd'];
# 输出内容 就是 回调内容
echo "用户名：$name; 密码：$pwd";
```
###6、PHP如何判断Ajax请求
在JQuery中，对于通过`$.ajax()`, `$.get()`, `$.post()`三种方法发送的请求，都会向服务器传递一个`HTTP_X_REQUESTED_WITH`的参数，

我们可以利用这个特性，判断某个请求是否为AJax请求：
```php
<?php
if (isset($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest') {
    // 这是一个ajax请求
} else {
    // 不是一个ajax请求
}
```
不过需要注意的是，这个方法只对JQuey等类库的Ajax请求有效，如果是原生的JS则不一定有效。

###7、练习题
使用`Ajax+PDO`，完成一个简单的会员注册功能：

只需要包含表单元素，用户名、密码即可。

答案：[下载](https://blog.junphp.com/cangjingge/php/19.zip "下载")

已有0条评论

添加新评论☺

如果认为本文对您有所帮助请赞助本站

支付宝扫一扫赞助

已有0条评论

添加新评论☺