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

php小编草莓带您深入了解php实现ajax动态网页及相关函数详解。ajax技术能够使网页实现异步加载，提升用户体验，而php作为后端脚本语言，与ajax配合使用能够实现更多的功能和效果。本文将为您详细解析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 "你好，陌生人。";
?>

登录后复制

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

参考:

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

总结

以上就是PHP实现AJAX动态网页及相关函数详解的详细内容，更多请关注php中文网其它相关文章！

智能AI问答

PHP中文网智能助手能迅速回答你的编程问题，提供实时的代码和解决方案，帮助你解决各种难题。不仅如此，它还能提供编程资源和学习指导，帮助你快速提升编程技能。无论你是初学者还是专业人士，AI智能助手都能成为你的可靠助手，助力你在编程领域取得更大的成就。

我要提问

P粉964682904来自于2024-04-02 14:52:19

178

内在小孩的过渡之火
这是最小的可重现示例。“切换”悬停的过渡结束正在触发（我不想要）并过早隐藏“a”。要在转换结束后重现单击切换。我意识到这种情况正在发生，因为切换位于a内部（我无法更改它）。有没有办…

P粉274161593来自于2024-04-02 14:38:29

109

mongodb 中的错误：“Route.post() 需要一个回调函数，但收到了一个”
这是我的主文件index.jstypehereconstexpress=require("express");constapp=express();requir…

P粉242535777来自于2024-04-02 14:46:18

131

当我在 localhost 中键入文件夹名称时如何首先显示登录系统的语法
不知道语法是什么？我想要发生的是，当我输入localhost/farm-e-mart时，第一个文件应该显示登录系统。我怎样才能做到这一点？

P粉351138462来自于2024-04-02 14:32:52

186

在同一页面上的多个位置显示库存计数器
这个脚本作为股票倒计时效果很好，但我无法在同一页面上超过1个位置显示它。例如，同一页面上有4或5个产品/计划，每个产品显示的库存数量不同，并且数量变化的时间也不同。仅在1个产品上显…

P粉038161873来自于2024-04-02 14:25:38

252

以2位小数显示SQL中的计算结果
我编写了一个简单的查询来查找两列的百分比，但我希望结果在只有两位小数的列中。这是我写的，但我遇到了错误，而且我似乎无法修复它。SELECTSmall_Bags,Total_Bags…

P粉055726146来自于2024-04-02 14:23:34

199

如何根据父元素高度自动调整子元素的上边距？
我在一次老的大学考试中遇到了问题。基本上它要求：获取这个json文件[{"colore":"#FF0080","pos_orizz…

P粉086993788来自于2024-04-02 13:49:19

139

下载作为 api 调用响应的 ZIP 文件
我有一个二进制zip文件作为api调用的响应。我想使用Javacript/React直接下载该zip文件。我怎样才能实现这个目标？

P粉034571623来自于2024-04-02 13:56:27

175

不合作布尔逻辑
我的网站遇到了一个问题，至少几周来我一直在努力解决这个问题，所以我希望有人能够指出我哪里出了问题。对于一些背景知识，我是一名应届毕业生，这是我为最终项目构建的顶点项目，在演示之前我…

P粉343141633来自于2024-04-02 13:34:26

123

LESS string-set 的现代等价物是什么
有关字符串集及其用途的示例，请参阅使用LESS字符串集属性和内容方法经过多次困惑，我发现这已经过时了，并且自Chrome版本39以来就没有实现过，尽管它显然在LESS中继续存在。教…

P粉993712159来自于2024-04-02 13:29:36

199

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

目录

AJAX

1. XMLHttpRequest对象

2. 发出请求的方法

2.1XMLHttpRequest.open()

2.2XMLHttpRequest.setRequestHeader()

2.3 XMLHttpRequest.send()

3.XMLHttpRequest的响应状态

3.1XMLHttpRequest.readyState

3.2 XMLHttpRequest.status

4.处理函数

5. 简单示例

参考:

总结

发表评论取消回复

2026 年 7 月
一	二	三	四	五	六	日
		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	31

目录

AJAX

1. XMLHttpRequest对象

2. 发出请求的方法

2.1XMLHttpRequest.open()

2.2XMLHttpRequest.setRequestHeader()

2.3 XMLHttpRequest.send()

3.XMLHttpRequest的响应状态

3.1XMLHttpRequest.readyState

3.2 XMLHttpRequest.status

4.处理函数

5. 简单示例

参考:

总结

发表评论 取消回复

发表评论取消回复