ajax基础 GET,POST方式传值,同步异步

3 篇文章 0 订阅
2 篇文章 0 订阅
ajax的语法基础是Js,jQuery,首先必须有一定的JavaScript知识。
ajax的作用主要是实现页面无刷新效果。编译大概思路是前台请求传入后台,后台响应再由前台接受。
流程 :
//1.创建对象
function createXHR() {
    var xhr = null;
    if(window.XMLHttpRequest) {
        xhr = new XMLHttpRequest();
    } else if(window.ActiveXObject) {
        xhr = new ActiveXObject('Microsoft.XMLHTTP');
    }
    return xhr;
}

function start() {
    var xhr = createXHR();
    //2.打开连接
    //get方式,true为异步,false为同步
    xhr.open('GET','你的filename',true); 
    //post方式
    xhr.open('POST','你的filename',true); 
    //3.若为异步绑定状态变化的回调函数
    xhr.onreadystatechange = function() {
        if(this.readyState == 4){
        //获得返回信息
        alert(xhr.responseText);
        } else {
            var pg = '';
            pg = '状态现在变成' + this.readyState + '<br />';
            document.getElementById('progress').innerHTML = pg;
        }
    }
    //4.发送请求
    xhr.send('参数');
    //GET方式可 xhr.send(null);
    //5.获得返回信息
    alert(xhr.responseText);//若为异步该步直接在第3步执行
}

同步:当网页脚本运行时只有在该步骤信息返回后才能继续向下执行其他的信息,但是这样做有很大弊端,当该步需要请求的信息量很大时,该部分将会消耗大量时间而其他在它之后的内容将不能运行,网页的加载将会成为一个很大的问题,影响客户浏览。
异步:当该步骤运行时不会影响下面的部分,这样将会解决上面所述的问题,加载时间也将变短。所以大部分时候需要用到异步,但也有其他情况是必须要用同步的

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值