ホームページ > 記事 > ウェブフロントエンド > jqueryで投稿リクエストを送信する方法
jqueryで投稿リクエストを送信する方法
- WBOYオリジナル
- 2022-06-09 17:42:412943ブラウズ
jquery では、「$.post()」メソッドを使用して投稿リクエストを送信できます。このメソッドは「HTTP POST」を使用してサーバーにデータのロードをリクエストします。構文は「$(selector)」です。 .post(送信リクエスト 指定された URL は、リクエストとともにサーバーに送信されるデータとともに、リクエストが成功したときに実行される関数を指定します。データ型)"。
このチュートリアルの動作環境: 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 ビデオ チュートリアル
以上がjqueryで投稿リクエストを送信する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。