jqueryを使ってデータを書き込む方法-フロントエンドQ&A-php.cn

jqueryを使ってデータを書き込む方法

王林

リリース： 2023-05-08 22:44:07

オリジナル

547 人が閲覧しました

データ送信に jQuery を使用するプロセスでは、$.ajax() メソッドまたは $.post() メソッドを使用できます。データを記述するには次の 2 つの方法があります。

$.ajax() メソッドを使用してデータを送信する

フォームを送信するためのページがあるとします。名前、電子メール、メッセージの 3 つのフィールド。これらのフィールドのデータを送信するには、次のメソッドを使用できます。

$.ajax({
    url: "/submitForm",
    type: "POST",
    data: {
        name: $("#name").val(),
        email: $("#email").val(),
        message: $("#message").val()
    },
    success: function(data) {
        // 请求成功时的代码
    },
    error: function(xhr, status, error) {
        // 请求失败时的代码
    }
});

ログイン後にコピー

上記のコードでは、$.ajax() メソッドを使用してデータを送信します。

具体的には、電子メールフィールドとメッセージフィールドのデータは、jQuery のセレクターを通じて取得され、オブジェクトにカプセル化されます。次に、このオブジェクトをデータパラメーターとして $.ajax() メソッドに渡します。サーバーがこのデータを受信すると、対応するハンドラーを呼び出して後続の操作を完了します。

$.ajax() メソッドに加えて、$.post() メソッドも使用できます。データを送信する方法。以下は $.post() メソッドの使用例です:

$.post("/submitForm", {
    name: $("#name").val(),
    email: $("#email").val(),
    message: $("#message").val()
}, function(data) {
    // 请求成功时的代码
}, "json");

ログイン後にコピー

上記のコードでは、$.post() メソッドを使用してデータを送信します。

# # url: サーバーがデータを受信する URL を表します;

data: 送信されるデータを表します (文字列またはオブジェクトにすることができます);
success: リクエスト時のコールバック関数を表します成功;
dataType: サーバーから返されるデータ型を示します (xml、json、script、html、テキストなど)。
$.ajax() メソッドとは異なり、$.post() メソッドはデフォルトでリクエストメソッドを POST に設定し、データパラメーターはこのメソッドに直接渡されます。これにより、より便利なデータ通信が実現できます。

概要

$.ajax() メソッドと $.post() メソッドのどちらを使用しても、データ転送に使用でき、どちらも jQuery コアライブラリに基づいています。データをサーバーに送信する必要がある場合、いずれかの方法を選択し、必要に応じて対応する構成と操作を実行できます。

以上がjqueryを使ってデータを書き込む方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。