jQueryでPOSTリクエストを送信する方法-フロントエンドQ&A-php.cn

jQueryでPOSTリクエストを送信する方法

WBOY

リリース： 2022-04-02 17:13:57

オリジナル

8275 人が閲覧しました

jquery では、「$.post()」メソッドを使用して POST リクエストを送信できます。このメソッドの機能は、HTTP POST リクエストを使用してサーバーからデータをロードすることです。構文は「」です。 $(selector).post(URL, data, リクエストが成功したときに実行する関数を指定します, データ型)"。

jQueryでPOSTリクエストを送信する方法

このチュートリアルの動作環境: Windows10 システム、jquery3.2.1 バージョン、Dell G3 コンピューター。

jquery が POST リクエストを送信する方法

$.post() メソッドは、HTTP POST リクエストを使用してサーバーからデータを読み込みます。

構文は次のとおりです:

$(selector).post(URL,data,function(data,status,xhr),dataType)

ログイン後にコピー

URL は必須です。リクエストの送信先となる URL を指定します。

データオプション。リクエストとともにサーバーに送信されるデータを指定します。

function(data,status,xhr) オプション。リクエストが成功したときに実行する関数を指定します。追加パラメータ:

data - リクエストからの結果データが含まれます。
status - リクエストのステータスが含まれます (「成功」、「 notmodified" 、 "error"、 "timeout"、 "parsererror")
xhr - XMLHttpRequest オブジェクト

dataType が含まれます (オプション)。予想されるサーバー応答のデータ型を指定します。デフォルトでは、jQuery がそれをインテリジェントに解決します。可能なタイプ:

#"xml" - XML ドキュメント
#"html" - プレーンテキストとしての HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("input").keyup(function(){
txt=$("input").val();
$.post("demo_ajax_gethint.php",{suggest:txt},function(result){
$("span").html(result);
});
});
});
</script>
</head>
<body>
<p>在以下输入框中输入名字:</p>
第一个名称:
<input type="text" />
<p>匹配项: <span></span></p>
<p>该实例的PHP代码 (<a href="demo_ajax_gethint.txt" target="_blank">demo_ajax_gethint</a>) </p>
</body>
</html>

ログイン後にコピー

出力結果:

jQueryでPOSTリクエストを送信する方法関連ビデオチュートリアルの推奨事項: