Question

I am trying to post an ajax request using jquery

var peName = document.getElementById("peName").value;
     var peSubName = document.getElementById("peSubName").value;
     var peDesc = document.getElementById("peDesc").value;
     var pePrice = document.getElementById("pePrice").value;
     var peCat = document.getElementById("peCat");   
     var pecatId = peCat.options[peCat.selectedIndex].value;
     var radioActive = getRadioValue("proeActive");
     var radioSpicy = getRadioValue("proeSpicy");
     var radioVeg = getRadioValue("proeVeg");
$.post("/product/saveEditProduct",
            {  
                peId    :   peId,
                pecatId :   pecatId,
                peName  :   peName,
                peSubName  : peSubName,
                peDesc : peDesc,
                pePrice : pePrice,
                radioActive : radioActive,
                radioSpicy : radioSpicy,
                radioVeg : radioVeg,
              },

but i am getting following error in firebug console.

Uncaught TypeError: Illegal invocation
jQuery.extend.param.add         jquery-1.7.1.js:7601
buildParams             jquery-1.7.1.js:7658
buildParams             jquery-1.7.1.js:7653
buildParams             jquery-1.7.1.js:7653
jQuery.extend.param         jquery-1.7.1.js:7621
jQuery.extend.ajax          jquery-1.7.1.js:7467
jQuery.each.jQuery.(anonymous function) jquery-1.7.1.js:7106
editSaveProduct             order-1.0.js:682

I am new to jquery and have no idea what is it?

Answer 1

Ok, so you seem to be missing your function call closure bracket.

$.post("/product/saveEditProduct",
    {  
        peId    :   peId,
        pecatId :   pecatId,
        peName  :   peName,
        peSubName  : peSubName,
        peDesc : peDesc,
        pePrice : pePrice,
        radioActive : radioActive,
        radioSpicy : radioSpicy,
        radioVeg : radioVeg,
     });