你的位置:首页 > Java教程

[Java教程]Ajax学习笔记1之第一个Ajax应用程序


代码

<head>  <title>An Ajax demo</title>  <script src="../js/jquery-1.4.1.js" type="text/javascript"></script>  <script type="text/javascript">    //    var //Netscape Navigator(7.0版及更高版本),Apple Safari(1.2及更高版本)和Firefox    if (window.//在Internet Explorer(5.0及更高版本)    else if (window.ActiveXObject) {      //如果创建的      if (//打开        //处理数据下载        //获取数据            obj.innerHTML = //真正执行下载的代码使用post方法时send("data="+data)        <!--data.txt文件和index.htm必须确保位于服务器的同一目录中,如果不在同一目录,必须加上上几级目录,例:data/data.txt-->  <input type="button" value="Fetch the message" onclick="getData('data.txt','targetDiv')" /></form>  <div id="targetDiv">    <p>      The fetched message will appear here</p>  </div></body></html>        

运行结果:

 

代码说明:

创建

//在Netscape Navigator(7.0版及更高版本),Apple Safari(1.2及更高版本)和Firefox中,可以用下列代码创建
//window.
if (window.    }
//在Internet Explorer(5.0及更高版本)中可以用下列代码创建
//假如用户使用的是Microsoft Internet Explorer则应判断window.ActiveXObject对象是否存在(存在则浏览器可以用下面的方法创建
else if (window.ActiveXObject) {
   }


打开

//open("Method","URL"[,asyncFlag[,"userName"[,"password"]]])方括号[]中的内容是可选的//各个参数含义如下://Method:用于打开HTTP的方法,如GET,POST,PUT,HEAD或PROPFIND//URL:请求的URL//asyncFlag:表示是否为异步调用的布尔值,默认为true//userName:用户名//password:密码

//readyState //0:未初始化//1:正在加载//2:已加载//3:交互式//4:完成,表示数据已下载完毕//status//200:正常,表示下载正常//404:未找到if (//下载的数据是简单文本对象,可从  obj.innerHTML = 

 

//真正执行下载的代码

总结:

创建Ajax的一般步骤:(1)、创建一个

 

注:在IE浏览器上按F12调试,只有在版本为10以上时才得到正确结果,在360上没任何问题