Ajaxのpostメソッドとgetメソッドの使用方法と違い

この記事では、ajax の get リクエストと post リクエストを紹介します。これは、ajax を学ぶすべての人に役立つことを願っています。

Ajax の意味

AJAX は「Asynchronous Javascript And XML」(非同期 JavaScript および XML) の略で、インタラクティブな Web アプリケーションを作成するための Web 開発テクノロジを指します。 AJAX は実際には非同期 JavaScript および XML であり、高速で動的な Web ページを作成するために使用されるテクノロジーであり、バックグラウンドでサーバーと少量のデータを交換することで Web ページを非同期に更新することもできます。この技術を応用すると、Web ページ全体を再読み込みすることなく、Web ページの特定の部分を更新できるようになります。 [ajax チュートリアル ]

ajax には、get と post の知識という 2 つの重要な概念があります。今日は、これら 2 つの知識ポイントとそれらの関係の使用方法を紹介します。違い

GET() request

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 request #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 中国語 Web サイトの他の関連記事を参照してください。