Perform POST request using JavaScript

Question

I wanted to perform a POST request to an external url using javascript. Currently I use php server side to sent the request

$data = array(
 'TokenExID' => $tokenex_id,
 'APIKey' => $api_key,
 'EcryptedData' => $encrypted_data,
 'TokenScheme' => 4
 );
 $ch = curl_init("https://api.testone.com/TokenServices.svc/REST/TokenizeFromEncryptedValue");
 curl_setopt($ch, CURLOPT_HTTPHEADER, array(
 'Content-Type: application/json', // 
 'Accept: application/json') //
 );
 curl_setopt($ch, CURLOPT_POST, 1);
 curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
 curl_setopt($ch, CURLOPT_POSTFIELDS, $data);
 curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);

The same code I wanted to do it in a javascript.

var url = "https://api.testone.com/TokenServices.svc/REST/TokenizeFromEncryptedValue";

var params = "abcd";
http.open("POST", url, true);
//Send the proper header information along with the request
http.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
http.setRequestHeader("Content-length", params.length);
http.setRequestHeader("Connection", "close");
http.onreadystatechange = function() {//Call a function when the state changes.
 if(http.readyState == 4 && http.status == 200) {
 alert(http.responseText);
 }
}
http.send(params);

I got this sample code of javascript,but im not sure how to do this.Im new to javascript but couldnt find a way to do it.Can some one help me out?

• ilpaijin: possible duplicate: stackoverflow.com/questions/8567114/…
• Quentin: What happens when you run that code? What does the JavaScript console say? What does the Net tab of your browser's developer tools say?
• Quentin: possible duplicate of Ajax request to external url using javascript
• Quentin: You appear to have asked about seven variations of this question over the last couple of days. Most of them don't have accepted answers. If you aren't getting suitable answers to your questions, then edit them to add more information, don't ask variations of them.

Answer 1

if you are new to javascript I strongly recommend that you use jQuery, it will ease your work a lot. Search online how to include it in your page, then this is the code.

var data = {
 param1: "value1",
 param2: "value2"
 // add here more params id needed followinf the same model
};
$.ajax({
 type: "POST",
 url: 'http://www.myrestserver.com/api',
 data: data,
 success: success
});
function success(result) {
 // do something here if the call is successful
 alert(result);
}

https://api.jquery.com/jQuery.ajax/

If you want to go further check this: JavaScript post request like a form submit

Hope it helps, Paul

• Piya: Thanks Paul.Ill test this,also to ask,is it possible to perform the same using javascript?
• Harshal: @PiyaSharma Jquery is the framework of javascript and it is good to use the jquery-ajax instead of javascript.so you should go with paul's answer.
• Piya: Thanks,I tried with this,couldnt succeed :( I have the fiddle here jsfiddle.net/P8Afm
• Harshal: you have not include the jquery.js.
• Paul: Hi, your code has a couple of errors. You cannot copypaste php code into js. I updated my example. Please note the syntax of data which is a javascript object. Do not use "=>" like in php arrays. If you have loaded jQuery and you copy this code and put your real parameters it should work.