$ (this) .serialize () - Bagaimana cara menambahkan nilai?

saat ini saya memiliki yang berikut:

$.ajax({
    type: 'POST',
    url: this.action,
    data: $(this).serialize(),
});

Ini berfungsi dengan baik, namun saya ingin menambahkan nilai ke data, jadi saya mencoba

$.ajax({
    type: 'POST',
    url: this.action,
    data: $(this).serialize() + '&=NonFormValue' + NonFormValue,
});

Tapi itu tidak diposting dengan benar. Adakah ide tentang bagaimana Anda dapat menambahkan item ke string serialisasi? Ini adalah variabel halaman global yang tidak spesifik bentuk.

Dari pada

 data: $(this).serialize() + '&=NonFormValue' + NonFormValue,

Anda mungkin ingin

 data: $(this).serialize() + '&NonFormValue=' + NonFormValue,

Anda harus berhati-hati untuk menyandikan URL nilai NonFormValuejika mungkin berisi karakter khusus.

Meskipun jawaban matt b akan berfungsi, Anda juga dapat menggunakan .serializeArray()untuk mendapatkan larik dari data formulir, memodifikasinya, dan menggunakannya jQuery.param()untuk mengonversinya menjadi formulir yang dikodekan url. Dengan cara ini, jQuery menangani serialisasi data ekstra Anda untuk Anda.

var data = $(this).serializeArray(); // convert form to array
data.push({name: "NonFormValue", value: NonFormValue});
$.ajax({
    type: 'POST',
    url: this.action,
    data: $.param(data),
});

pertama-tama tidak boleh

data: $(this).serialize() + '&=NonFormValue' + NonFormValue,

menjadi

data: $(this).serialize() + '&NonFormValue=' + NonFormValue,

dan kedua, Anda bisa menggunakan

url: this.action + '?NonFormValue=' + NonFormValue,

atau jika tindakan sudah berisi parameter apa pun

url: this.action + '&NonFormValue=' + NonFormValue,

Tambahkan item terlebih dahulu dan kemudian buat serial:

$.ajax({
    type: 'POST',
    url: this.action,
    data: $.extend($(this), {'NonFormValue': NonFormValue}).serialize()
});

Jangan lupa Anda selalu bisa melakukan:

<input type="hidden" name="NonFormName" value="NonFormValue" />

dalam bentuk Anda yang sebenarnya, yang mungkin lebih baik untuk kode Anda tergantung pada kasusnya.

Kami dapat melakukan seperti:

data = $form.serialize() + "&foo=bar";

Sebagai contoh:

var userData = localStorage.getItem("userFormSerializeData");
var userId = localStorage.getItem("userId");

$.ajax({
    type: "POST",
    url: postUrl,
    data: $(form).serialize() + "&" + userData + "&userId=" + userId,
    dataType: 'json',
    success: function (response) {
        //do something
    }
});

Anda dapat menulis fungsi tambahan untuk mengolah data formulir dan Anda harus menambahkan data nonform Anda sebagai nilai data di formulir. Lihat contoh:

<form method="POST" id="add-form">
    <div class="form-group required ">
        <label for="key">Enter key</label>
        <input type="text" name="key" id="key"  data-nonformdata="hai"/>
    </div>
    <div class="form-group required ">
        <label for="name">Ente Name</label>
        <input type="text" name="name" id="name"  data-nonformdata="hello"/>
    </div>
    <input type="submit" id="add-formdata-btn" value="submit">
</form>

Kemudian tambahkan jquery ini untuk pemrosesan formulir

<script>
$(document).onready(function(){
    $('#add-form').submit(function(event){
        event.preventDefault();
        var formData = $("form").serializeArray();
        formData = processFormData(formData);
        // write further code here---->
    });
});
processFormData(formData)
{
    var data = formData;
    data.forEach(function(object){
        $('#add-form input').each(function(){
            if(this.name == object.name){
                var nonformData = $(this).data("nonformdata");
                formData.push({name:this.name,value:nonformData});
            }
        });
    });
    return formData;
}

ini lebih baik:

data: [$(this).serialize(),$.param({NonFormValue: NonFormValue})].join('&')