Convert Javascript object to a form data result like Jquery Ajax does

Question

I send POST data with XMLHttpRequest. I want to pass multiple parameters. As far as I know, this is the only way to do it:

xhr.send('first=first&second=second&third=third');

Is there a way to use Javascript object instead?

let formDataObject = {
    first: 'a',
    second: 'b',
    third: 'c'
};

Jquery converts objects exactly how I need, but I no longer want to use Jquery.

By passing Javascript object to xhr.send, I want final result to look like:

The reason I need the request result to be Form data type and not Json, because on PHP side I want access POST data like so:

<?php if($_POST['first'] == 'a') {...

I know that I can decode Json on php side and do the required check, but I want to achieve exactly the same result as Jquery Ajax does.

JSON.stringify(yourObject) will convert the object to string in JSON format if that what you need — Yosi Leibman
– Yosi Leibman, Commented Dec 4, 2022 at 12:36
It gives {"first":"a","second":"b","third":"c"} instead of first=a&second=b&third=c Console raw result must be formdata with raw result: first=a&second=b&third=c. I need that to do checks in .php like <?php if($_POST['first']=='a')... — Grufas
– Grufas, Commented Dec 4, 2022 at 12:44

andrii · Accepted Answer · 2022-12-04 13:13:07Z

1

This function should help!

function encodeURI(obj) {
  var result = '';
  var splitter = '';
  if (typeof obj === 'object') {
    Object.keys(obj).forEach(function (key) {
      result += splitter + key + '=' + encodeURIComponent(obj[key]);
      splitter = '&';
    });
  }
  return result;
}

answered Dec 4, 2022 at 13:13

andrii

1146 bronze badges

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

Collectives™ on Stack Overflow

Convert Javascript object to a form data result like Jquery Ajax does

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related