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

　　发布于2025-04-10　阅读（0）

扫一扫，手机访问

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 "你好，陌生人。";
?>

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

参考:

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

总结

本文转载于：https://www.lsjlt.com/news/171467.html 如有侵犯，请联系zhengruancom@outlook.com删除。
免责声明：正软商城发布此文仅为传递信息，不代表正软商城认同其观点或证实其描述。

上一篇：wps表格入门基础教程

下一篇：PHP 如何实现将月份转换为英文的技巧

产品推荐

售后无忧
立即购买>

DAEMON Tools Lite 10【序列号终身授权 + 中文版 + Win】

￥150.00
office旗舰店
售后无忧
立即购买>

DAEMON Tools Ultra 5【序列号终身授权 + 中文版 + Win】

￥198.00
office旗舰店
售后无忧
立即购买>

DAEMON Tools Pro 8【序列号终身授权 + 中文版 + Win】

￥189.00
office旗舰店
售后无忧
立即购买>

CorelDRAW X8 简体中文【标准版 + Win】

￥1788.00
office旗舰店

正版软件

讯飞输入法怎么用?讯飞输入法使用技巧教程

讯飞输入法的好多功能都不知道怎么用？只会切换9键、26键、手写等功能？那其实你错过了很多使用小技巧，只要你学会这些技巧，不止可以带你玩转讯飞输入法，还能有效提高你的打字速度、聊天话术、DIY漂亮话、自制表情包、发颜表情等，轻松体验更多有趣有意思的小玩法，让输入变得既高效又有趣！

11小时前 10:41 0
正版软件

小青账如何隐藏默认账本?小青账隐藏默认账本教程

小青账如何隐藏默认账本？小青账是一款非常实用且强大的记账软件，为广大用户提供了方便的记账功能。不少用户对如何隐藏默认账本感到困惑，下面小编将介绍小青账隐藏默认账本的操作方法。还不知道的小伙伴快来看看吧！

前天 03-22 13:05 0
正版软件

如何使用讯飞星火生成ppt?利用讯飞星火AI生成高质量ppt教程

讯飞星火怎么生成高质量ppt？你是否曾经在深夜里为第二天的工作汇报而焦头烂额，翻遍互联网寻找灵感和模板，又或者因为繁琐的排版和设计而感到力不从心？现在，有了讯飞星火AI生成PPT，你的所有烦恼都将一扫而光！

前天 03-22 12:52 0
正版软件

搜狐视频怎么投屏到电视播放?搜狐视频app电视投屏方法教程

搜狐视频怎么投屏到电视播放？有时候我们在看电视的时候会觉得怕屏幕不够大，看的不大清楚，这时候就会想如果有个大屏幕就好了，今天小编教你们如何用搜狐视频投屏到电视上，彻底的解放双手。搜狐视频app电视投屏教程1、首先打开搜狐视频app，搜索想看的视频或影视剧2、进入详情页后点击有TV字样的图标3、然后搜索附近的设备连接我们的电视4、当电视上出现了手机正在播放的

前天 03-22 12:38 0
正版软件

豆瓣怎么设置主页不可见?豆瓣设置隐私主页教程

豆瓣怎么设置主页不可见？大家在使用豆瓣的时候，经常会在主页发布自己的心情状态、吐槽等等内容，然后其他用户进我们的主页的时候就能很轻松的看到我们发过的内容，那么我们能不能设置主页的隐私呢？要怎么设置呢？下面小编就为大家介绍一下豆瓣个人主页设置隐私的办法。

前天 03-22 10:50 0