javascript - XMLHttpRequest POST parameter encoding - Stack Overflow

I want to submit a POST request while passing a url among other parameters. I have the following script but it is not working.

var params = "param1="+param1_value+"&url="+url_value;

var xhr = new XMLHttpRequest();
xhr.open("POST", action_url, true);
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function(){
  if(xhr.readyState == 4 && xhr.status == 200){
    console.log("Done");
  }
}
xhr.send(params);

Assuming that the url_value is something like this:

=&email=domain%40email%2E&blah=1234

what would be wrong with this script?

I want to submit a POST request while passing a url among other parameters. I have the following script but it is not working.

var params = "param1="+param1_value+"&url="+url_value;

var xhr = new XMLHttpRequest();
xhr.open("POST", action_url, true);
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function(){
  if(xhr.readyState == 4 && xhr.status == 200){
    console.log("Done");
  }
}
xhr.send(params);

Assuming that the url_value is something like this:

https://www.domain./blah?param=&email=domain%40email%2E&blah=1234

what would be wrong with this script?

• javascript
• ajax
• post
• xmlhttprequest

Share Improve this question Follow asked Aug 18, 2015 at 7:23 Giannis TzagarakisGiannis Tzagarakis 53066 silver badges2929 bronze badges 1

• stackoverflow./questions/1714786/… – Ciro Santilli OurBigBook. Commented May 15, 2016 at 9:07

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 2

Take a look at this question/answer - Should I URL-encode POST data?

Your sample value for url_value is using the HTML Entity Code. Because of the & symbol in the value, it is being sent as multiple values. You probably need to URL encode it so it looks like this

https%3A%2F%2Fwww.domain.%2Fblah%3Fparam%3D%26email%3Ddomain%40email.%26blah%3D1234

You may have a problem when trying to access another domain/website. The receiving side must have the Access-Control-Allow-Origin header in its return message.

You can probably find your solution in this answer.

You are missing quotation to the url string value,alert the parameter string as below

var params = "param1='"+param1_value+"'&url='"+url_value+"'";