AjaxTwitterfacebookG+B!PocketLINEAjaxを利用してデータを指定のPHPファイルに送信(POST、GET)し、PHPの処理結果であるデータを取得して処理を行う方法を説明します。postメソッドとgetメソッド指定ファイルにデータをPOST送信したい場合はjQueryオブジェクトのpostメソッドを利用します。GET送信したい場合はgetメソッドを利用します。第3引数に通信が完了した後の処理を行う関数(コールバック関数)を指定コールバック関数についてAjaxでのサーバー通信が終わったあと、サーバーから結果(データ)を取得できますが、第3引数に指定した関数がそれを受け取り、そのあとの処理を行えます。した後で自動的に呼び出される関数のことをコールバック関数といいます。loadメソッドとの違い【Ajax】PHPにデータをPOST送信してデータを取得するにあるようにloadメソッドでもpostメソッドと同じようにサーバーとの通信を行えて、第3引数にコールバック関数を指定できますが、loadメソッドはページの指定エレメントにデータを表示するものなので、「エレメントにデータを表示」という動作はキャンセルできません。そのためエレメントに出力せずに通信後の処理を行いたい場合は、postまたはgetメソッドを使うのがよいです。指定PHPファイルに「9999」というデータをPOST送信し、その結果を受け取って指定エレメントに出力するとともに、そのテキスト色(CSSのcolor)を赤色に変更するプログラムを書いてみます。index.htmlindex.htmlを作成し、以下を記述します。id="output">get-data.phpに「9999」という数字を送信し、PHPの処理結果をここに表示します!そして文字色を赤にします。</body></html>get-data.php次にPOST送信されてきたデータを受け取るPHPファイルget-data.phpを作成します。"」が送信されてきました!";?>これら2つのファイルをアップロードし、index.htmlにアクセスすればちゃんと動作するはずです。動作確認はサンプルを確認してください。@ysklog_net﻿この記事をシェアする管理人プロフィール今年(2017年)の3月に7年間勤めた公務員を退職して現在ニートしているアホです。【Ajax】フォームの値(データ)をサーバーに送信する【javascript】テキストエリア以外の文字列を選択状態にする【Ajax】PHPにデータをPOST送信してデータを取得する【Ajax】サーバーにあるファイル(データ)を指定の要素に出力する【Ajax】PHPにデータをGET送信し、結果をJSON形式で受け取る【ajax】別ドメインへPOST送信してデータを受け取る方法コメントまだコメントはありません。