js和jq的ajax调用

原生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调用)