ajax.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>javascript的Ajax操作2</title>
<meta http-equiv="pragma" content="no-cache"/>
<meta http-equiv="cache-control" content="no-cache"/>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
<meta name="author" content="Jarg Yee <yeshaoting@gmail.com>" />
<script type="text/javascript">
var xmlHttpRequest; //用来装入XMLHttpRequest对象
function Ajax()
{
xmlHttpRequest = createRequestObject();
xmlHttpRequest.open("get", "ajax.php", true);
xmlHttpRequest.onreadystatechange = requestCallBack;
xmlHttpRequest.send();
}
/** 请求回调函数 */
function requestCallBack()
{
/*
0: 请求未初始化
1: 服务器连接已建立
2: 请求已接收
3: 请求处理中
4: 请求已完成，且响应已就绪
*/
switch(xmlHttpRequest.readyState)
{
case 0:
showMessage("请求未初始化");break;
case 1:
showMessage("服务器连接已建立");break;
case 2:
showMessage("请求已接收");break;
case 3:
showMessage("请求处理中");break;
case 4:
showMessage("请求已完成，且响应已就绪");
if(xmlHttpRequest.status == 200)
showMessage(xmlHttpRequest.responseText);
break;
}
}
/** 显示XMLHttpRequest当前状态信息 */
function showMessage(str)
{
var msg = document.getElementById("msg");
msg.innerHTML = msg.innerHTML + "<br/>" + str;
}
/** XMLHttpRequest对象 */
function createRequestObject()
{
var xmlHttpRequest;
if(window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlHttpRequest = new XMLHttpRequest();
}
else if(window.ActiveXObject)
{// code for IE6, IE5
xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");
}
return xmlHttpRequest;
}
</script>
</head>
<body>
<input type="button" value="Ajax提交" onclick="Ajax();" />
<div id="msg">Ajax提交过程:</div>
</body>
</html>
ajax.php
<?php
//header("content-Type: text/html; charset=gb2312");
print "Ajax异步请求内容:ajax内容";
?>
效果:
Ajax提交过程:
请求已接收
请求处理中
请求已完成，且响应已就绪
Ajax异步请求内容:ajax内容
分享到：
相关推荐
【PHP Ajax 实例】 在网页开发中，PHP与Ajax（Asynchronous JavaScript and XML）的结合使用，能够实现无刷新更新页面，提供用户更加流畅的交互体验。PHP作为服务器端脚本语言，处理业务逻辑和数据操作，而Ajax则在...
标题中的“php+ajax例子”指的是使用PHP服务器端语言与AJAX（Asynchronous JavaScript and XML）客户端技术结合的示例应用。在Web开发中，PHP通常用于处理服务器端逻辑，而AJAX则允许网页在不刷新整个页面的情况下，...
本Ajax实例将深入讲解如何实现这一功能。 ### 1. Ajax的基本原理 Ajax的工作流程主要包括以下步骤： 1. **创建XMLHttpRequest对象**：这是Ajax的基础，它负责与服务器进行通信。 2. **打开连接**：使用...
在介绍这个PHP AJAX实例之前，我们首先要了解一些基础知识。AJAX（Asynchronous JavaScript and XML，异步JavaScript和XML）是一种无需重新加载整个页面即可更新网页的技术。它通过在后台与服务器交换数据并更新部分...
实例44 Ajax测试实例 实例45 客户端解析普通字符串 实例46 客户端解析XML文件响应 实例47 客户端发送POST无参数请求 实例48 客户端发送带有参数请求 实例49 客户端以表格形式显示数据 实例50 服务器端自动生成XML...
**Ajax 实例与 jQuery 实现** Ajax（Asynchronous JavaScript and XML）是一种在无需刷新整个页面的情况下，能够更新部分网页的技术。它通过JavaScript与服务器进行异步数据交换，提高了用户体验，使得用户界面更加...
使用ajax有以下固定步骤： 1, 从页面触发Ajax的操作. 2, 定义创建XMLHttpRequest对象的方法(建立一个XMLHttpRequest对象),也是就var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");//根据浏览器的不同有差异 3,...
总结起来，这个简单的AJAX实例展示了如何通过JavaScript与PHP交互，实现在不刷新页面的情况下获取并显示服务器端数据。通过这种方式，我们可以创建更加用户友好的交互式Web应用，提升用户体验。在实际项目中，可以...
PHP+Ajax网站开发典型实例.。。 第1章 PHP基础实例 实例1 构建PHP运行环境 实例2 “你好，PHP”实例 实例3 中文时间显示实例 实例4 删除字符串中的空白 实例5 字符串反转 实例6 字符串加密 实例7 检查日期的...
### 三、Ajax实例 以下是一个简单的Ajax GET请求示例： ```javascript function getData(url) { var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr....
【PHP+MySQL+AJAX 实例详解】 在Web开发领域，PHP、MySQL和AJAX是三个非常关键的技术，它们共同构建了动态、交互性强的网页应用。PHP是一种服务器端脚本语言，主要用于处理HTML中的数据；MySQL是世界上最流行的开源...
下面我们将深入探讨ThinkPHP中如何实现Ajax实例及其相关知识点。 首先，了解Ajax的基本原理。Ajax的核心是XMLHttpRequest对象，它允许JavaScript在后台与服务器进行通信，而无需重新加载整个页面。通过创建...
在这个“JQuery打造PHP的AJAX表单提交实例”中，我们将探讨如何结合JQuery库与PHP后端，实现异步表单数据提交。 JQuery是一个轻量级的JavaScript库，它简化了DOM操作、事件处理和Ajax交互。在这个实例中，首先我们...
在这个“php+easyui DataGrid+ajax实例开发”项目中，我们将深入探讨如何利用这些技术实现一个功能完善的数据库管理界面，包括增删查改（CRUD）操作。 首先，PHP是一种广泛使用的服务器端脚本语言，特别适合于Web...
接下来，我们将深入探讨这个"php下jquery+ajax实例"中的关键知识点。 首先，jQuery是一个流行的JavaScript库，它使得JavaScript的DOM操作变得简单，同时也提供了便利的Ajax功能。例如，使用`$(document).ready()`...
### JavaScript AJAX 实例详解 #### 一、引言 AJAX（Asynchronous JavaScript and XML）是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换，使得网页可以实现...
这个压缩包文件“PHP+Ajax 发帖程序实例post_ajax.rar”提供了一个实际的示例，展示了如何使用PHP和Ajax技术来实现一个动态的发帖功能。在这个实例中，你将学习到以下关键知识点： 1. **Ajax（Asynchronous ...
Ajax实例通常包括以下几个关键组成部分： 1. **事件触发**：用户在页面上的某些操作，如点击按钮，触发Ajax请求。 2. **创建XMLHttpRequest对象**：所有现代浏览器都内置了XMLHttpRequest对象，用于发送HTTP请求。 3...
基于PHP的无刷新添加留言的Ajax实例源码.zip 基于PHP的无刷新添加留言的Ajax实例源码.zip 基于PHP的无刷新添加留言的Ajax实例源码.zip 基于PHP的无刷新添加留言的Ajax实例源码.zip 基于PHP的无刷新添加留言的Ajax...
《PHP_AJAX实例_经典的入门教材》是一个针对初学者设计的教程，旨在帮助学习者掌握PHP和AJAX这两种核心技术的结合使用。PHP是一种广泛应用于Web开发的服务器端脚本语言，而AJAX（Asynchronous JavaScript and XML）...