js發送get 、post請求的方法簡介(偷來的)

POST請求:javascript

  發送的參數格式不一樣,請求頭設置不一樣,具體參照  Http請求中請求頭Content-Type講解php

  發送的參數格式不一樣,後臺獲取方式也不相同 php請看 php獲取POST數據的三種方法html

1、使用XMLHttpRequestjava

  主要分三步:json

    第一步:建立須要的對象,這裏主要用到的是XMLHttpRequest,注意須要考慮早期的IE;app

    第二步:鏈接和發送;post

    第三步:接收;url

  

  GET請求:spa

var httpRequest = new XMLHttpRequest();//第一步:創建所需的對象
httpRequest.open('GET', 'url', true);//第二步:打開鏈接  將請求參數寫在url中  ps:"./Ptest.php?name=test&nameone=testone"
httpRequest.send();//第三步:發送請求  將請求參數寫在URL中
/**
 * 獲取數據後的處理程序
 */
httpRequest.onreadystatechange = function () {
  if (httpRequest.readyState == 4 && httpRequest.status == 200) {
    var json = httpRequest.responseText;//獲取到json字符串,還需解析
    console.log(json);
  }
};

  post方式發送jsoncode

var httpRequest = new XMLHttpRequest();//第一步:建立須要的對象
httpRequest.open('POST', 'https://你的地址', true); //第二步:打開鏈接/***發送json格式文件必須設置請求頭 ;以下 - */
httpRequest.setRequestHeader("Content-type", "application/json");//設置請求頭 注:post方式必須設置請求頭(在創建鏈接後設置請求頭)var obj = { name: 'zhansgan', age: 18 };
const obj = {
  
}
httpRequest.send(JSON.stringify(obj));//發送請求 將json寫入send中
/**
 * 獲取數據後的處理程序
 */
httpRequest.onreadystatechange = function () {//請求後的回調接口,可將請求成功後要執行的程序寫在其中
  if (httpRequest.readyState == 4 && httpRequest.status == 200) {//驗證請求是否發送成功
    var json = httpRequest.responseText;//獲取到服務端返回的數據
    console.log(json);
  }
};

原文地址:https://www.cnblogs.com/Im-Victor/p/9405974.html

相關文章
相關標籤/搜索