美文网首页
原生ajax与Jquery的ajax

原生ajax与Jquery的ajax

作者: 黑眼圈是画上的 | 来源:发表于2018-02-26 21:43 被阅读0次

    AJAX:通过与服务器进行少量数据交换可以使网页实现异步局部更新。

    原生ajax

    //监听窗口
    window.onload = function(){
    //设置点击事件
    var btn = document.getElementById("btn");
    btn.onclick = function(){

    //这里开始AJAX请求
    //先创建XMLHttpRequest对象
    var xhr = new XMLHttpRequest();

    //IE5 、IE6不支持xhr
    if( xhr == null){
    xhr = new ActiveXPObject("Microsoft.XMLHTTP")
    }

    //open方法用于设置网络请求消息
    //它有三个参数,第一个参数是请求方式,第二个参数是请求路径,第三个参数是是否异步
    xhr.open("post",url,true);

    //发送请求
    xhr.send();

    //监听请求到达哪个步骤
    xhr.onreadystatechange = function(){
    if(xhr.readyState == 4){
    //表示请求完成
    if(xhr.status == 200){
    //表示请求成功
    } else {
    //表示请求失败
    }
    }
    }

    //获取服务器返回的数据
    var text = xhr,responseText
    alter(text)
    }
    }

    Jquery的ajax

    $(function{
    $(#ajax).click(function(){ //设置一个点击事件
    $.ajax({
    type:"get" //设置请求方式
    url:" " //设置请求路径
    async: //是否异步
    success:function(date){
    } //请求成功时
    error:function(){
    alert("请检查网络")
    }
    })
    })
    })

    相关文章

      网友评论

          本文标题:原生ajax与Jquery的ajax

          本文链接:https://www.haomeiwen.com/subject/peruxftx.html