Ajax入门介绍以及用Ajax写helloworld

最新推荐文章于 2022-04-16 15:56:03 发布

置顶石也强

最新推荐文章于 2022-04-16 15:56:03 发布

阅读量741

点赞数

分类专栏： Ajax WEB jQuery 文章标签： ajax

本文链接：https://blog.csdn.net/shiyeqiangldh/article/details/36005267

版权

WEB 同时被 3 个专栏收录

17 篇文章 0 订阅

订阅专栏

Ajax

7 篇文章 0 订阅

订阅专栏

jQuery

6 篇文章 0 订阅

订阅专栏

1： Ajax被认为是(Asynchronous JavaScript and XML的缩写）。现在，允许浏览器与服务器通信而无须刷新当前页面的技术都被叫做Ajax.

Ajax：一种不用刷新整个页面便可与服务器通讯的办法

2：用ajax编写一个helloworld的小程序，在超链接中弹出文本框中的内容。

<script type="text/javascript">
   window.οnlοad=function(){
    //1:获取a节点，并对其添加onclick（）相应函数
     document.getElementsByTagName("a")[0].οnclick=function(){
     // 2:创建一个XMLHttpRequest对象
         var request=new XMLHttpRequest();
     // 3:准备发送请求的数据:url
       var url=this.href;
     //4:调用XMLHttpRequest对象的open方法
      request.open("GET",url);
     //5:调用XMLHttpRequest对象的send方法
    
      request.send(null);
     //6:为XMLHttpRequest对象添加Onreadystatechange响应函数
     request.onreadystatechange=function(){
      //判断响应是否完成:XMLHttpRequest的readyState的属性值为4的时候
       // alert(request.readyState);
       if(request.readyState==4){
       // 判断响应是否可用，XMLHttpRequest的status的属性值为200的时候
        if(request.status==200||request==304)
        //8:打印响应结果
          alert(request.responseText);
       }
     }
       return false;  //保证不会调转啊，取消点击的默认行为
     };
   }
   </script>
	</head>
	<body>
		<a href="helloAjax.txt">helloAjax</a>
	</body>

3：创建XMLHttpRequest对象

var request=new XMLHttpRequest();

4：XMLHttpRequest的方法

5：XMLHttpRequest的属性

•status

–服务器发送的每一个响应也都带有首部信息。三位数的状态码是服务器发送的响应中最重要的首部信息，并且属于超文本传输协议中的一部分。

–常用状态码及其含义：

•404 没找到页面(notfound)

•403 禁止访问(forbidden)

•500 内部服务器出错(internalservice error)

•200 一切正常(ok)

•304 没有被修改(notmodified)

– 在 XMLHttpRequest 对象中，服务器发送的状态码都保存在 status 属性里。通过把这个值和 200 或 304 比较，可以确保服务器是否已发送了一个成功的响应

石也强

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
Ajax入门介绍以及用Ajax写helloworld

1： Ajax被认为是(Asynchronous JavaScript and XML的缩写）。现在，允许浏览器与服务器通信而无须刷新当前页面的技术都被叫做Ajax. Ajax：一种不用刷新整个页面便可与服务器通讯的办法2：用ajax编写一个helloworld的小程序，在超链接中弹出文本框中的内容。 window.onload=function(){
复制链接

扫一扫

专栏目录