jquery ajax - form serialization issue on query parameter

Question

I am using jquery ajax to post a html form . This works fine with Chrome and not with Firefox . When I analyze the issue ,the query parameter "Accept=Apply" is not shown in Firefox dev tool (Params tab)but I could see the proper string is in debug statement which i have added. Can anyone help on this?

Jquery :

function postSettings() {
    var frm_data = $("#MyForm").serialize() + "&Accept=Apply";
    console.log("frm_data >>"+frm_data);
    var myobject = {"Accept":"Apply"};
    var testdata =$("#MyForm").serialize() + '&' + $.param(myobject);
    console.log("testdata >>"+testdata);
    $.ajax(
        {
            type: "POST",
            url: "https://10.20.12.30/Update.cgi",
            data: frm_data,
            success: function (successData) {
                console.log("successData >>"+successData);
                } else {
                    console.log("errorData1 >>"+successData);
                }
            },
            error: function (errorData) {
                console.log("errorData2 >>"+errorData);
            }
        });
}

Thanks

quick suggestion, try adding 'Accept' as hidden field and try again? — ssilas777
– ssilas777, Commented Mar 22, 2016 at 11:49

ssilas777 · Accepted Answer · 2016-03-24 04:55:35Z

2

Best way to do this would be adding it as a hidden field

<input type="hidden" id="Accept" name="Accept" value="apply"/>

This way we can aviod passing it as query string and unexpected issues.

edited Mar 24, 2016 at 4:55

answered Mar 23, 2016 at 10:45

ssilas777

9,7704 gold badges48 silver badges70 bronze badges

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

Collectives™ on Stack Overflow

jquery ajax - form serialization issue on query parameter

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