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

ホームページ

ウェブフロントエンド

フロントエンドQ&A

jqueryで投稿リクエストを送信する方法

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 09, 2022 pm 05:42 PM

jquery

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

jqueryで投稿リクエストを送信する方法

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

jquery を使用して投稿リクエストを送信する方法

$.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

"text" - プレーンテキスト文字列

"script" - 応答を JavaScript として実行し、

"json" をプレーンテキストとして返します。 - 応答を JSON として実行し、

"jsonp" を返します。 JSONP を使用した JSON チャンクの場合、URL に「?callback=?」を追加してコールバックを指定します。

例は次のとおりです。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$.post("/try/ajax/demo_test_post.php",{
name:"天王盖地虎",
url:"http://www.php.cn"
},
function(data,status){
alert("数据: \n" + data + "\n状态: " + status);
});
});
});
</script>
</head>
<body>
<button>发送一个 HTTP POST 请求页面并获取返回内容</button>
</body>
</html>

出力結果:

jqueryで投稿リクエストを送信する方法