原生js jquery ajax請求以及jsonp的調用方法

var xhr = null;
 //獲取ajax對象
 if (window.XMLHttpRequest) {
 xhr = new XMLHttpRequest();
 } else{
 xhr = new ActiveXObject("Microsoft.XMLHttp");
 }
 xhr.onreadystatechange = function(){
 console.log(xhr.readyState);
 switch (xhr.readyState){
 case 0:
 console.log("尚未初始化");
 break;
 case 1:
 console.log("尚未建立連接");
 break;
 case 2:
 console.log("正在發(fā)送數(shù)據");
 break;
 case 3:
 console.log("正在接受數(shù)據");
 break;
 case 4:
 console.log("數(shù)據接收完成");
 //處理接到的數(shù)據,這下面是重點
 var text = xhr.responseText;
 break;
 }
 }
 //創(chuàng)建請求
 xhr.open('get','http://localhost/PHP/ajax01.php?sel=4');
 xhr.send(null);

var xhr = new XMLHttpRequest();
 xhr.onreadystatechange = function(){
 if (xhr.readyState == 4) {
 console.log("登陸成功:"+xhr.responseText);
 }
 }
 //等到輸入的用戶名和密碼，
 var uname = "uname="+ encodeURIComponent(document.getElementById("uname").value);
 var pwd = "pwd="+encodeURIComponent(document.getElementById("pwd").value);
 xhr.open("post","http://localhos/PHP/ajax01.php");
 //設置頭信息，需要在open方法之后設置
 xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
 //設置參數(shù)
 var str = uname+"&"+pwd;
 xhr.send(str);

//AJAX
 $.ajax({
 url:"data.txt",
 type:'get',
 dataType:'json',
 data:null,
 async:true,
 timeout:1000,//設定超時時間 一般都是3000毫秒
 cache:false,//設定GET請求的時候不走 緩存數(shù)據，原理其實就是在URL末尾加隨機數(shù)，默認是true
 success:function(data){
 console.log(data)
 },
 })
 //JSONP
 //JSONP都是GET和異步請求的，不存在其他的請求方式和同步請求，而且jquery默認會給JSONP的請求清楚緩存
 $.ajax({
 url:"http://matchweb.sports.qq.com/kbs/calendar?columnId=100000",
 type:'get',
 dataType:'jsonp',
 jsonpCallback:"fn",//自定義傳遞給服務器的函數(shù)名，而不是使用jquery自動生成的
 jsonp:'cb',//把傳遞函數(shù)名的那個形參callBack變?yōu)閏b
 success:function(data){
 console.log(data)
 },
 })