Ajax 日记(一)

最新推荐文章于 2025-12-22 19:38:33 发布

原创最新推荐文章于 2025-12-22 19:38:33 发布 · 532 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #xmlhttprequest #javascript #generator #input #function

Web 2.0 专栏收录该内容

1 篇文章

订阅专栏

/*************

* AjaxLib.js

*************/

/*************

* index.htm

*************/

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<script type="text/javascript" src="AjaxLib.js"></script>
<script type="text/javascript" language="javascript">
var ajaxObj = XmlHttpRequestObject();
function getRemFile(objId)
{
var obj = document.getElementById(objId);
if(obj && obj.value != "")
{
  try
  {
   ajaxObj.open("GET", obj.value, false);
   ajaxObj.send();
   window.alert(ajaxObj.responseText);
  }
  catch(e)
  {
   window.alert(e.message);
  }
}
else
{
  window.alert("Empty Input value,pls check!");
}
}
</script>
</head>

<body>
<div style="text-align:center;">
Pls enter the remote file URL: <input id="fileUrl" type="text"/><br />
<input id="fileBut" type="button" value="Get File!" onclick="javascript:getRemFile('fileUrl');"/>
</div>
</body>
</html>