How to send data with XMLHttpRequest without passing data as parameter

Question

Currently I am sending the data as parameter in URL.

Ex

var url = "http://localhost:8080/test?param1=" + param1Value+ "&param2="+ param2Value;

I am using XMLHttpRequest to communicated.

But by doing this I can see the params in requested URL.

How can I send the data without passing as parameter? (Basically how do I hide those data).

And on server how do I retrieve that?

You can't hide Data that is on the client side, at least not practically — Luca Kiebel, Apr 18 '18 at 11:08
You answer your question in the question. You POST it. The Url you show is a GET. — Reinstate Monica Cellio, Apr 18 '18 at 11:10
Possible duplicate of [JavaScript post request like a form submit](https://stackoverflow.com/questions/133925/javascript-post-request-like-a-form-submit) — Reinstate Monica Cellio, Apr 19 '18 at 08:03

beliha · Answer 1 · 2018-04-18T12:29:10.537

0

You could simply use jquery to create a POST form, fill it up, and submit it on the fly.

$("body").append("<form id='form1' action='http://localhost:8080/test' method='POST'></form>");

$("<input></input>", {
 "type": "text",
 "name": "param1",
 "value": param1Value
}).appendTo("#form1");

$("<input></input>", {
 "type": "text",
 "name": "param2",
 "value": param2Value
}).appendTo("#form1");

var theForm = $("#form1");
theForm.hide();
theForm.submit();

edited Apr 18 '18 at 12:29

answered Apr 18 '18 at 11:20

beliha

191
1
6

Thanks will try this – laxman kumar Apr 18 '18 at 11:48

How to send data with XMLHttpRequest without passing data as parameter

1 Answers1