jquery - 1 つの ajax リクエストで 2 つのパラメータを送信したい

Question

私はこのコードを持っています。ご覧のとおり、2つの値を送信したいです。データにleditがあり、leditでledit2を送信したい

$('.ledit').click(function() {
    var ledit = $(this).attr("id");
    var ledit2 = $('.valu').val();

    $.ajax({
        url: 'edit.php',
        data: 'ledit=' + ledit,
        // here i want send ledit2
        success: function(data) {
            $('.edito').html('dddddddddd');
        }
    });
});​

Answer 1

dataプロパティをオブジェクトとして設定できます。

$('.ledit').click(function() {
    var ledit = $(this).attr("id");
    var ledit2 = $('.valu').val();

    $.ajax({
        url: 'edit.php',
        data: {
            ledit : ledit,
            ledit2 : ledit2
        },
        success: function(data) {
            $('.edito').html('dddddddddd');
        }
    });
});​

Answer 2

dataパラメータにオブジェクト リテラルを使用できます。

data: { ledit: ledit, ledit2: ledit2 }

&または、URL で演算子を使用することもできます。

data: 'ledit=' + ledit + '&ledit2=' + ledit2

Answer 3

なぜ2回電話するのですか？両方の値を渡す単一の ajax 呼び出しを行うだけです

$.ajax({
        url: 'edit.php',
        data: 'ledit=' + ledit + "&ledit2=" + ledit2,
        ...
});

とにかく、@VisioNで提案されているように、値をエンコードしない限り（たとえば、でencodeURIComponent）、オブジェクトを使用することをお勧めします

Answer 4

このようにしようとしましたか？

    $.ajax({
        url: 'edit.php',
        data: '{ "ledit":' + ledit + ', "ledit2":' + ledit2 + '}',
        success: function(data) {
            $('.edito').html('dddddddddd');
        }
    });

またははるかに良い：

    $.ajax({
        url: 'edit.php',
        data: JSON.stringify({ ledit: ledit, ledit2: ledit2}),
        success: function(data) {
            $('.edito').html('dddddddddd');
        }
    });