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内容
分享到:
相关推荐
ajax 实例实例实例ajax 实例实例实例ajax 实例实例实例ajax 实例实例实例ajax 实例实例实例ajax 实例实例实例ajax 实例实例实例ajax 实例实例实例
详细介绍在这里有:http://blog.csdn.net/comeontom/article/details/7744786 这里说的是一个简单的php+ajax例子
几分钟就可以轻松学会ajax,程序员必备。
使用ajax有以下固定步骤: 1, 从页面触发Ajax的操作. 2, 定义创建XMLHttpRequest对象的方法(建立一个XMLHttpRequest对象),也是就var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");//根据浏览器的不同有差异 3,...
实例44 Ajax测试实例 实例45 客户端解析普通字符串 实例46 客户端解析XML文件响应 实例47 客户端发送POST无参数请求 实例48 客户端发送带有参数请求 实例49 客户端以表格形式显示数据 实例50 服务器端自动生成XML...
PHP+Ajax网站开发典型实例.。。 第1章 PHP基础实例 实例1 构建PHP运行环境 实例2 “你好,PHP”实例 实例3 中文时间显示实例 实例4 删除字符串中的空白 实例5 字符串反转 实例6 字符串加密 实例7 检查日期的...
php 与Ajax注册实例php 与Ajax注册实例。
JQuery打造PHP的AJAX表单提交实例
php+easyui DataGrid+ajax实例开发 完成数据库的增删查改
php jquery ajax 实例 比较简单的、、、
基于PHP的无刷新添加留言的Ajax实例源码.zip 基于PHP的无刷新添加留言的Ajax实例源码.zip 基于PHP的无刷新添加留言的Ajax实例源码.zip 基于PHP的无刷新添加留言的Ajax实例源码.zip 基于PHP的无刷新添加留言的Ajax...
PHP+Ajax 发帖程序实例post_ajax.rar
自己写的一个php+mysql+ajax,运行环境为apache.
json/xml+php+ajax实例,加快数据的传输
PHP_AJAX实例_经典的入门教材.pdf
用php+ajax实现了rss阅读器的代码,实例比较简单,适合于初学者!
PHP实例开发源码—无刷新添加留言的Ajax实例.zip
PHP+Ajax 无刷新登录及注册实例,非常方便,界面友好
PHP jQuery 可拖动的Ajax购物车实例,带有提示功能的商品展示 ,用鼠标拖动商品到购物车中,即可选中商品,购物车程序可根据 拖入的产品数量进行统计,自动给出价格。同时对不满意的商品, 可随时从购物车中移除...