XMLHttpRequest的简单实例刚学习了XMLHttpRequest这个类以及⼀些简单的应⽤,写⼀篇博客分享给⼤家也加深⾃⼰对ajax⼊门知识的体会。 ajax.js⽂件内容如下:
//定义xmlhttp作为XMLHttpRequest或者ActiveXObject类的句柄
var xmlhttp;
//初始化xmlhttp,根据浏览器的类型来判断选择哪个类来进⾏
function InitialXMLHttpRequest()
{
if(window.ActiveXObject)
{
xmlhttp=new ActiveXObject("window.Microsoft");//若为微软的浏览器则选择这种初始化⽅式
}
else if(window.XMLHttpRequest)
{
xmlhttp=new XMLHttpRequest();
}
else
{
alert("The browser is not compatible!");
}
}
//按照我个⼈理解这个函数是⽤于完成获取url资源的初始化⼯作
function getInfo(url)
{
/
/创建⼀个新的http请求,并指定此请求的⽅法、URL以及验证信。
xmlhttp.open("get","for.php?id="+url);
//执⾏showinfo函数
xmlhttp.send(null);
}
//获取getinfo函数初始化的url资源,并将其在info对应的div中显⽰。
function showinfo()
{
var info = sponseText;
}
//ajax.html代码如下
//⼊⼝页⾯代码,onclick出发启动getInfo('...');div⽤于创建⼀个盒⼦容纳showinfo中info的内容;<script type="text/script" scr="">
<a href ="#" onclick="getInfo('hhh')">hhh</a>
<a href ="#" onclick="getInfo(bbb)">hhh</a>
<div id="info"></div>
//for.php⽤于接受id并打印出⽂本信息,该⽂本作为sponseText所获取的⽂本。
<?php
if($_GET["id"]!=null)
{
$a=$_GET["ID"];
echo "a";
ajax实例 文件浏览}
>
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论