在以下情况下如何在$ .ajax（）函数的data属性中发送参数？

Question

I've written one AJAX function code as follows :

$('#form').submit(function(e) {
  var form = $(this);
  var formdata = false;
  if(window.FormData) {
    formdata = new FormData(form[0]);
  }

  var formAction = form.attr('action');

  $.ajax({
    type        : 'POST',
    url         : 'manufacturers.php',
    cache       : false,
    data        : formdata ? formdata : form.serialize(),
    contentType : false,
    processData : false,

    success: function(response) {
      if(response != 'error') {
        //$('#messages').addClass('alert alert-success').text(response);
        // OP requested to close the modal
        $('#myModal').modal('hide');
      } else {
        $('#messages').addClass('alert alert-danger').text(response);
      }
    }
  });
  e.preventDefault();
});

Now here in data attribute I want to send some additional parameters with values in data attribute. How should I send these parameters to PHP file?

For clear understanding of my issue refer the following AJAX function code that I've written previously :

function GetPaymentRequest(status){
     var status = $('#status_filter').val();
     $.ajax({ 
      type: "POST",
      url: "view_payment_request.php",
      data: {'op':'payment_request_by_status','request_status':status},  

      success: function(data) {
      // alert(data);

        }

    });
 }

In above function code you can see that I've passed few parameters with values viz. 'op':'payment_request_by_status','request_status':status in data attribute.

Exactly same parameters I want to pass in first AJAX function code. The already mentioned parameter "formdata ? formdata : form.serialize()" should also be there.

How should I do this? Can someone please help me in this regard?

Thanks in advance.

Answer 1

Add by using $.param

form.serialize() + '&' + $.param({'op':'payment_request_by_status','request_status':status});

or use serializeArray() and push new items

var data = form.serializeArray();
data.push({name:'op',value:'payment_request_by_status'}).push({name:'request_status',value:status});

then pass data

Answer 2

What you can do is, add two hidden fields to your already existing form, name one of them as op and set the value as payment_request_by_status and another one as request_status and the value based on the status.

When the form is serialized, it will automatically send these values also.