ajax中post與get方法如何使用以及區別

這篇文章將介紹的是ajax中get和post請求，有一定的參考價值，希望對大家學習ajax有所幫助

##Ajax意義

AJAX即「Asynchronous Javascript And XML」（非同步JavaScript和XML），指一個建立互動式網頁應用的網頁開發技術。 AJAX 是實際上就是 非同步 JavaScript和XML，它 是一種用於建立快速動態網頁的技術還可以透過在後台與伺服器進行少量資料交換，使網頁實現非同步更新。這個技術的應用意味著可以在不重新載入整個網頁的情況下，對網頁的某個部分進行更新。 【

ajax教學】

ajax中有兩個重要的概念是get與post的知識，今天要跟大家介紹這兩個知識點的使用方法以及它兩個之間的區別

GET()請求

get() 方法透過遠端http get 請求載入訊息，請求成功時可呼叫回調函數

參數傳遞都是透過URL 位址中的  ?進行傳遞參數，使傳遞資料到服務端

格式：
 get(URL,callback);
 URL ：传递想传递的url,必需具备
 callback：参数是请求成功后所执行的函数名，可选

#例如

var xhr = new XMLHttpRequest()
xhr.open('GET', './demo.php?id=1)//open 方法的第一个参数的作用就是设置请求的方法
xhr.send(null)// 需要提交到服务端的数据可以通过 send 方法的参数传递
xhr.onreadystatechange = function () {
  if (this.readyState === 4) {
    console.log(this.responseText)
  }
}

POST 請求

#透過http post請求從伺服器上請求資料的過程中，要採用請求體承載所需提交的資料

格式：
post(url,data,success(data, textStatus, jqXHR),dataType)
url ：规定把请求发送到哪个 URL。必须具备
data：映射或字符串值,指请求发送到服务器的数据，是可选的   
success(data, textStatus, jqXHR）：指请求成功时执行的回调函数，可选的    
dataType：服务器响应的数据类型

例如
var xhr = new XMLHttpRequest()
xhr.open('POST', './add.php')
// 设置请求头中的 Content‐Type 为 application/x‐www‐form‐urlencoded以便于服务端接收数据
xhr.setRequestHeader('Content‐Type', 'application/x‐www‐form‐urlencoded')
xhr.send('key1=value1&key2=value2')
xhr.onreadystatechange = function () {
  if (this.readyState === 4) {
    console.log(this.responseText)
    }
    }

post與get之間區別##get是從伺服器取得數據，而post是向伺服器提交資料,一般情況下get 傳遞的都是參數性質的數據，而post都是業務資料

傳送大量資料的時候用post,傳送少量數據用get

總結：以上就是這篇文章的內容了，透過這篇文章希望大家對get和post方法有一定的了解

#

以上是ajax中post與get方法如何使用以及區別的詳細內容。更多資訊請關注PHP中文網其他相關文章！