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

来源:互联网 发布:数据分析师 挂靠 编辑:程序博客网 时间:2024/06/06 20:12
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步执行}

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

1 0