ajax实例

Posted swjieyi

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ajax实例相关的知识,希望对你有一定的参考价值。

<html>
<head>
    <title>Ajax</title>
        <script language="javascript">
var xmlHttp; // 定义一个全局变量 xmlHttp

// 创建 XMLHttpRequest 对象
function createXMLHttpRequest()
if (window.ActiveXObject)
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); // IE
else if (window.XMLHttpRequest)
xmlHttp = new XMLHttpRequest(); // XMLHttpRequest



function startRequest()
createXMLHttpRequest(); // 创建 XMLHttpRequest
var url = 'index.php?' + new Date().getTime(); // 异步传输到的页面 index.php, 后面加 new Date().getTime(),是为了消除 IE 的缓存
xmlHttp.open('GET', url, true); // open() 方法发送一个异步请求
// 属性变化了就会触发 onreadystatechange 事件
xmlHttp.onreadystatechange = function()
// 如果请求的状态等于4(接受成功),并且服务器返回的 HTTP 响应值为200(请求成功)
if (xmlHttp.readyState==4 && xmlHttp.status==200)
// 弹出服务器返回的文本
alert('服务器返回:' + xmlHttp.responseText);


xmlHttp.send(null);

</script>
    </head>
    <body>
<input type="button" value="异步通讯" onClick="startRequest();" />
     </body>

</html>

//php

<?php
header('Content-type:text/html;Charset=GB2312');
echo '异步测试成功!';
?>

以上是关于ajax实例的主要内容,如果未能解决你的问题,请参考以下文章

一个ajax实例

Ajax基础实例

Ajax-jQuery_Ajax_实例 ($.ajax$.post$.get)

ajax入门级实例

原生AJAX请求实例教程

AJAX的一个简单实例,跨域的解决,使用JQuery来进行ajax的调用