美文网首页
js和jq的ajax调用

js和jq的ajax调用

作者: 汶沐 | 来源:发表于2019-07-16 01:24 被阅读0次

    原生ajax

    // 定义异步请求对象
    var xmr ;
    // 检测浏览器是否直接支持ajax
    if (window.XMLHttpRequest) {
      xmr = new XMLHttpRequest();
    }else{
      xmr = new ActiveObject('Microsoft.XMLHTTP');
    }
    
    // 设置回调函数
    xmr.onreadystatechange = function(){
      if(xmr.readystate==4&&xmr.status==200){
      //获取服务器的响应值
      var res = xmr.responseText;
      console.log(res)
     }
    }
    
    //创建异步请求
    xmr.open('GET/POST',url,true);
    xmr.setRequestHeader('Content-type','application/x-www-form-urlencoded');
    //发送请求
    xmr.send();
    

    jQuery的ajax

    $.ajax({
            //提交数据的类型 POST GET
            type:"POST",
            //提交的网址
            url:url,
            //提交的数据
            data:{参数},
            //返回数据的格式
            dataType: "text",//"xml", "html", "script", "json", "jsonp", "text".
            //在请求之前调用的函数
            beforeSend:function(){alert("发送请求")},
            //成功返回之后调用的函数
            success:function(data){}   ,
            //调用执行后调用的函数
            complete: function(){},
            //调用出错执行的函数
            error: function(){}
          });
    

    相关文章

      网友评论

          本文标题:js和jq的ajax调用

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