post、get、axios、fetch請求方法

// post請求：

function post() {
  var xmlhttp;
  if (window.XMLHttpRequest) {
    // ?IE7+, Firefox, Chrome, Opera, Safari 瀏覽器執行代碼
    xmlhttp = new XMLHttpRequest();
  }
  else{
    // IE6, IE5 瀏覽器執行代碼
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
  }
  var str = '';
  var postData = {
    "mobile": 15626192509,
    "password": 12313
  };
  postData = (function(value){
    for(var key in value){
      str + = key + "=" + value[key] + "&";
    };
    return str;
  }(postData));

  xmlhttp.open("POST","地址",true);//連接到服務器
  xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");//設置頭部信息
  xmlhttp.send(postData);//發送數據
  xmlhttp.onreadystatechange = function() {//響應服務器時所做的準備
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {//響應成功
     var data = JSON.parse(xmlhttp.responseText);//解析數據
    console.log(data);
    }
  }
}

post();

————————————————————————————————————————————————————————————

// get請求：

function get(){
  var xmlhttp;
  if (window.XMLHttpRequest){
    // ?IE7+, Firefox, Chrome, Opera, Safari 瀏覽器執行代碼
    xmlhttp = new XMLHttpRequest();
  }
  else{
    // IE6, IE5 瀏覽器執行代碼
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
  }
  xmlhttp.onreadystatechange = function() {
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200){
    var data = JSON.parse(xmlhttp.responseText);
  }
    }
  xmlhttp.open("GET","地址",true);
  xmlhttp.send();
}

get()

————————————————————————————————————————————————————————————

原生jsonp 方法：

var sc = document.createElement("script");
sc.type = "text/javascript";
document.body.appendChild(sc);
sc.src = "http://localhost/ajax2/jsonp.php?cb=myCallBack";

function myCallBack(data){
  console.log(data);
}

————————————————————————————————————————————————————————————

// axios請求：

axios({
  method: 'post',
  url: '/user/12345',
  data: {
    firstName: 'Fred',
    lastName: 'Flintstone'
  }
})
.then(function (response) {
  console.log(response);
})
.catch(function (error) {
  console.log(error);
});

————————————————————————————————————————————————————————————

// fetch請求：

try {
  let response = await fetch(url);
  let data = response.json();
  console.log(data);
} catch(e) {
  console.log("Oops, error", e);
}