文章摘要
本文介绍了如何通过`XMLHttpRequest`实现文件删除功能的AJAX操作。文章首先定义了`XMLHttpRequest`对象，并使用随机数生成器`rndnum`确保唯一性。接着，通过构造`URL`并根据浏览器环境（非IE和IE）分别使用`XMLHttpRequest`和`Microsoft.XMLHttp`发送请求。最后，通过回调函数`callback`处理请求结果，显示删除成功或失败提示。文章重点突出了`XMLHttpRequest`的使用、AJAX技术以及不同浏览器环境的兼容性处理。
//******************************** 图片删除功能 ******************************************
var req; //定义变量，用来创建xmlhttprequest对象
//产生不重复的随机数
var rn=Math.ceil(Math.random() * 1000000);
var rnch=rn;
function rndnum() {
while (rn==rnch) rn=Math.ceil(Math.random() * 1000000);
rnch=rn;
return rn;
}
// 删除文件,Ajax开始
function deleteFile(file) {
var url=”/ajaxpic.php?filePath=” + escape(file) + “&UD=” + rndnum(); //要请求的服务端地址
if (window.XMLHttpRequest) //非IE浏览器及IE7(7.0及以上版本)，用xmlhttprequest对象创建
{
req=new XMLHttpRequest();
}
else if (window.ActiveXObject) //IE(6.0及以下版本)浏览器用activexobject对象创建,如果用户浏览器禁用了ActiveX,可能会失败.
{
req=new ActiveXObject(“Microsoft.XMLHttp”);
}
if (req) //成功创建xmlhttprequest
{
req.open(“GET”, url, true); //与服务端建立连接(请求方式post或get，地址,true表示异步)
req.onreadystatechange=callback; //指定回调函数
req.send(null); //发送请求
}
}
function callback() {
if(req.responseText==1 )
{
alert(‘删除成功!’);
Refresh();
}
else
{
alert(‘删除失败!’);
}//刷新一下
}
© 版权声明
文章版权归作者所有，未经允许请勿转载。
