码迷,mamicode.com
首页 > Web开发 > 详细

ajax学习笔记

时间:2018-05-05 23:03:19      阅读:233      评论:0      收藏:0      [点我收藏+]

标签:color   数据   bsp   send   变化   orm   ready   style   ajax   

1、是什么

  AJAX(Asynchronous JavaScript and xml)是在一种是使用现有标准的方法 。

2.有什么用处

  在不刷新整个页面的情况下实现和后台交换数据,实现页面的局部更新。

3、怎样用

  AJAX 通过 XMLHttpRequest对象来向服务器发起请求,从服务器获取数据,然后通过JavaScript更新数据到页面中去。

技术分享图片
 function AjaxRequest(){
        var xxhr;
        //1.创建xmlHttpRequest对象
        if (window.XMLHttpRequest) {//对于现在的主流浏览器
            xhr=new XMLHttpRequest();
        }
        else {// 对于老版的浏览器 (IE6, IE5)
            xhr=new ActiveXObject("Microsoft.XMLHTTP");
        }
        //2.创建一个http请求,并指定此请求的方法、URL、以及是否异步(数据接在url后面,以?隔开)
        xhr.open(‘get‘,‘server.php‘,true);
        //post请求需要设置请求头的content-type
        //xhr.setRequestHeader(‘content-type‘,‘application/x-www-form-urlencoded‘);
        //3.发送http请求,get请求可以为空,post请求将数据放入send发送
        xhr.send();
        //4.设置监听函数,readyState每改变一次执行一次
        // readyState存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。
        //  0: 请求未初始化
        //  1: 服务器连接已建立
        //  2: 请求已接收
        //  3: 请求处理中
        //  4: 请求已完成,
        //      状态码status(常见):200-OK,404-NOT FOUND
        xhr.onreadystatechange=function () {
            //当 readyState 等于 4 且状态为 200 时,表示响应已就绪
            if (xhr.readyState == 4&&xhr.status==200) {
                var result=xhr.responseText;
                alert(result);
            }
        }
        //如果open的async设为false表示为同步,可以不用设置监听函数
        //var result=xhr.responseText;
    }
view code

 

     

ajax学习笔记

标签:color   数据   bsp   send   变化   orm   ready   style   ajax   

原文地址:https://www.cnblogs.com/jint-php7/p/8996468.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!