PHP实现AJAX动态网页及相关函数详解

更新时间：2022年08月02日 10:12:17 作者：Miracle Fan

ajax其实是利用javascript向服务器请求数据,然后局部修改页面,下面这篇文章主要给大家介绍了关于PHP实现AJAX动态网页及相关函数的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下

AJAX

AJAX（Asynchronous JavaScript and xml)是一种用于创建动态网页的技术，该技术可以通过后台与服务器进行指定的数据交换，从而使得不必重新加载整个页面情况下对网页进行局部刷新。

1. XMLHttpRequest对象

XMLHttpRequest 用于在后台与服务器交换数据。

通过variable=new XMLHttpRequest()创建新对象给变量variable。

//如果有request请求则创建新对象 
if (window.XMLHttpRequest) { 
                // IE7+, Firefox, Chrome, Opera, Safari 执行代码
                xmlhttp=new XMLHttpRequest();
              } else {
                // IE6, IE5 执行代码
                xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
              }

2. 发出请求的方法

xmlhttp.open("GET","test.php?q="+parameter,true);
xmlhttp.send();

2.1XMLHttpRequest.open()

规定请求的类型、URL 以及是否异步处理请求。

Syntax

XMLHttpRequest.open(method, url, async, user, password)

Parameters

method :对http请求类型，如GET,POST,PUT,HEAD
url:文件在服务器地址
async:是否选择异步处理，默认为true
user, password （可选）用于身份认证，默认为null

2.2XMLHttpRequest.setRequestHeader()

设置HTTP请求头部的方法。此方法必须在 open() 方法和 send() 之间调用

Syntax

XMLHttpRequest.setRequestHeader(header, value)

Parameter

header:属性名称

valueL:属性的值

2.3 XMLHttpRequest.send()

发送请求至服务器

Syntax

XMLHttpRequest.send(str)

Parameter

str：如果请求方法是 GET 或者 HEAD，则应将之设为null

3.XMLHttpRequest的响应状态

3.1XMLHttpRequest.readyState

返回代理请求当前所处的状态。

值	状态	描述
0	UNSENT	代理被创建，但尚未调用 open() 方法。
1	OPENED	`open()` 方法已经被调用。
2	HEADERS_RECEIVED	`send()` 方法已经被调用，并且头部和状态已经可获得。
3	LOADING	下载中； `responseText` 属性已经包含部分数据。
4	DONE	下载操作已完成。

3.2 XMLHttpRequest.status

返回请求响应的数字状态码

值	状态	描述
0	UNSENT,OPENED	请求未完成或者出错
200	Loading，DONE	请求成功

4.处理函数

XMLHttpRequest.onreadystatechange

只要readystate属性发生变换，就会调用出处理函数callback

Syntax

XMLHttpRequest.onreadystatechange = callback;

5. 简单示例

test.html

<!doctype html>
<html lang='zh'>
<meta charset="utf-8">
    <head>
        <script>
            //自定义函数及参数
            function functest(parameter) {
              if (window.XMLHttpRequest) {
                // IE7+, Firefox, Chrome, Opera, Safari 执行代码
                xmlhttp=new XMLHttpRequest();
              } else {
                // IE6, IE5 执行代码
                xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
              }
                //onreadystatechange存储函数（或函数名），每当 readyState 属性改变时，就会调用该函数
              xmlhttp.onreadystatechange=function() {
                  //xmlhttp.readyState==4 && xmlhttp.status==200表示请求完成并且成功返回
              if (xmlhttp.readyState==4 && xmlhttp.status==200)
                {
                    //通过 document.getElementById()调用标签写入Value值。
                  document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
                }
              }
             //通过get调用服务器test.php的页面，‘q'为定义的加载到PHP页面的变量
              xmlhttp.open("GET","test.php?q="+parameter,true);
              xmlhttp.send();
            }
        </script>
    </head>
    <body>       
        <form> //每输入一个值调用functest()函数
        测试输入: <input type="text" onkeyup="functest(this.value)">
        </form>
        <p>返回值: <span id="txtHint" style ='color:red'></span></p>
        
    </body>
    
</html>

test.php

<?php
//从请求URL地址中获取 q 参数
$trans=$_GET["trans"];
//输出返回值
echo "你好，陌生人。";
?>

参考:

[Documenting web technologies, including CSS, HTML, and JavaScript](MDN Web Docs (mozilla.org))

总结

到此这篇关于PHP实现AJAX动态网页及相关函数详解的文章就介绍到这了,更多相关PHP AJAX动态网页及相关函数内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

php实现JWT(json web token)鉴权实例详解
这篇文章主要介绍了php实现JWT(json web token)鉴权实例详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-11-11
destoon出现验证码不显示时的紧急处理方法
这篇文章主要介绍了destoon出现验证码不显示时的紧急处理方法,非常实用,需要的朋友可以参考下
2014-08-08
使用PHP MySQL实现数据量小的内容推荐方法
这篇文章主要为大家介绍了使用PHP MySQL实现数据量小的内容推荐方法示例，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-07-07
PHP加密技术的简单实现
下面小编就为大家带来一篇PHP加密技术的简单实现。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-09-09
PHP代码保护--Zend Guard的使用详解
本篇文章是对zend guard的使用进行了详细的分析介绍，需要的朋友参考下
2013-06-06
PHP如何初始化PDO及原始SQL语句操作
PDO 已经是 PHP 中操作数据库事实上的标准。包括现在的框架和各种类库，都是以 PDO 作为数据库的连接方式。基本上只有我们自己在写简单的测试代码或者小的功能时会使用 mysqli 来操作数据库。注意，普通的 mysql 扩展已经过时了哦！
2021-06-06
php图片裁剪函数
这篇文章主要为大家详细介绍了php图片裁剪函数，图片裁剪工具，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2018-10-10
详解Yii2高级版引入bootstrap.js的一个办法
本篇文章主要介绍了详解Yii2高级版引入bootstrap.js的一个办法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。
2017-03-03
Laravel框架验证码类用法实例分析
这篇文章主要介绍了Laravel框架验证码类用法,结合实例形式分析了Laravel框架验证码类的使用操作技巧与相关注意事项,需要的朋友可以参考下
2019-09-09
laravel数据库查询结果自动转数组修改实例
这篇文章主要介绍了laravel数据库查询结果自动转数组修改实例，有需要的同学可以借鉴参考下
2021-02-02