jQuery ajax, send data

Question

i'm having a problem sending the option selected with ajax.

Code:

$("#editarConta").on('submit',(function(e) {

        e.preventDefault();

        $.ajax({
            url: "includes/php/class_conta.php",
            type: "POST",
            data: new FormData(this),
            contentType: false,
            cache: false,
            processData:false,
            success: function(resultado){
                $("#accountEdit_result").html(resultado);
            }
        });

    }));

Sending this data i can't see what option was selected. Is any way i can send this data, plus the selected option like:

data: { new FormData(this) , optionSelected: $( "#linguagem_favorita option:selected" ).val() },

My select HTML code:

<select name="linguagem_favorita" id="linguagem_favorita" class="form-control">

If i send with my code i get NULL when i var_dump the variable

var_dump($_POST["linguagem_favorita"]);

I can deduct that it serialize form to JSON string, but I need to look at the code to answer your question. What is printed for this code: console.log( $(this).serialize() ); ? — MaxZoom
– MaxZoom, Commented Oct 14, 2015 at 14:16
I don't have a constructor in JS, FormData send ALL values inside the form to php. — mmarques
– mmarques, Commented Oct 14, 2015 at 14:21

epascarello · Accepted Answer · 2015-10-14 14:26:22Z

3

Append to the form data:

$("#editarConta").on('submit',(function(e) {

    e.preventDefault();

    var formData = new FormData(this);
    formData.append("optionSelected", $("#linguagem_favorita option:selected" ).val() );

    $.ajax({
        url: "includes/php/class_conta.php",
        type: "POST",
        data: formData,
        contentType: false,
        cache: false,
        processData:false,
        success: function(resultado){
            $("#accountEdit_result").html(resultado);
        }
    });

}));

answered Oct 14, 2015 at 14:26

epascarello

208k20 gold badges206 silver badges246 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jQuery ajax, send data

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related