编程题（一）

一、用两个栈来实现一个队列

var stack1=[];
var stack2=[];
function push(node)
{
    stack1.push(node);
}
function pop()
{
    // 如果两个栈中都没有数据
    if(stack1.length==0&&stack2.length==0){
        return false;
    }
    //如果用于移除元素的栈中没有数据
    if(stack2.length==0){//将当前状态下添加元素的栈中的所有数据依次弹出并压入到移除元素的栈中
        while(stack1.length!=0){
            stack2.push(stack1.pop());
        }
    }
    //从移除元素的栈中弹出一个数据
    return stack2.pop();
}
module.exports = {
    push : push,
    pop : pop
};

二、用纯JS实现，点击一个列表时，输出对应的索引

方法一：使用利用事件冒泡委托给列表的父节点去处理事件

var oUl=document.getElementById('myUl');
        var oLi=oUl.getElementsByTagName('li');
        oUl.onclick=function(event){
       var tg=event.target;//事件的实际目标对象
       for(var i=0;i<oLi.length;i++){
           if(oLi[i]===tg){
               alert(i+1);
               }
           }
       };

方法二：使用闭包。

var oUl=document.getElementById('myUl');
        var oLi=oUl.getElementsByTagName('li');
        for(var i=0;i<oLi.length;i++){
                    (function(){
                            var n=i;
                            oLi[i].onclick=function(){
                                alert(n+1);
                                };
                    })(i);
            }

方法三：给每个li[i]添加属性index=i+1;

二、原生js和jQuery中ajax的用法

1、原生js中的ajax用法

//请求的5个阶段，对应readyState的值
        //0: 未初始化，send方法未调用；
        //1: 正在发送请求，send方法已调用；
        //2: 请求发送完毕，send方法执行完毕；
        //3: 正在解析响应内容；
        //4: 响应内容解析完毕；

    var data = 'name=yang';
    var xhr = new XMLHttpRequest();        //创建一个ajax对象
    xhr.onreadystatechange = function(event){    //对ajax对象进行监听
        if(xhr.readyState == 4){    //4表示解析完毕
            if(xhr.status == 200){    //200为正常返回
                console.log(xhr)
            }
        }
    };
    xhr.open('POST','url',true);    //启动请求以备发送，参数一：发送方式，二：请求地址，三：是否异步，true为异步
    xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded');    //可有可无
    xhr.send(data);        //发送

2、jQuery中ajax的用法

$.ajax({
    url:'/comm/test1.php',
    type:'POST', //GET
    async:true,    //或false,是否异步
    data:{
        name:'yang',age:25
    },
    timeout:5000,    //超时时间
    dataType:'json',    //返回的数据格式：json/xml/html/script/jsonp/text
    beforeSend:function(xhr){
        console.log(xhr)
        console.log('发送前')
    },
    success:function(data,textStatus,jqXHR){
        console.log(data)
        console.log(textStatus)
        console.log(jqXHR)
    },
    error:function(xhr,textStatus){
        console.log('错误')
        console.log(xhr)
        console.log(textStatus)
    },
    complete:function(){
        console.log('结束')
    }
})