How to send a var in ajax function call to send POST? [duplicate]

Question

I have a call of an ajax function and I want send a var like:

 <a href="next.php" onclick="sendajax()">reload</a>

from my php page for send this with ajax function POST:

 <script> function sendajax(){ var xmlObj=new XMLHttpRequest(); xmlObj.open("POST","miscript.php", true); xmlObj.setRequestHeader("content-type","application/x-www-form-urlencoded"); xmlObj.onreadystatechange = function(){ if(xmlObj.readyState == 4 && xmlObj.status == 200){ document.getElementById("response").innerHTML = xmlObj.responseText; } } xmlObj.send('name=Status'); } </script>

How can I add this var to send like?:

 function sendajax(myVar){ .... xmlObj.send(myVar);

I'm trying add this, but only send text.

Thanks!

EDIT I think that my question ins't duplicate, because I want send vars from the link clicked, not write this into var like:

 var params = "lorem=ipsum&name=binny";

I know how to write this and pass this, I ask: how to send this var to function and add/concatenate this into string. Without use form.. Thanks!!!!!!!

I think that I explained this correctly.

^ check the second answer, using FormData

rjdown
– rjdown

2015-08-26 18:29:44 +00:00
Commented Aug 26, 2015 at 18:29 — rjdown
– rjdown, Commented Aug 26, 2015 at 18:29

DZanella · Accepted Answer · 2015-08-26 18:29:14Z

Usually, I use $.ajax()... Like this:

$.ajax({ method: "POST", url: "some.php", data: { name: "John", location: "Boston" } }) .done(function( msg ) { alert( "Data Saved: " + msg ); });

See http://api.jquery.com/jquery.ajax/

fabpico · Accepted Answer · 2015-08-26 18:43:34Z

Why you dont use jQuery?

You can pass the button as this to the function.

<a href="#" onclick="sendajax(this)">clickme</a>

function sendajax(button) { var myVar = $(button).html(); // Example. Take some datas from the button $.ajax({ url: 'miscript.php', type: 'POST', data: { param1: myVar, param2: 'something_else'} , success:function(dataFromAjaxResponse, typeFromAjaxResponse) { // When the request was successful proceed coding here // Variable dataFromAjaxResponse is the response (output) from your php site. }, error: function(dataFromAjaxResponse) { console.log(dataFromAjaxResponse); } }); }

Collectives™ on Stack Overflow

How to send a var in ajax function call to send POST? [duplicate]

2 Answers 2

Comments

Comments

Hot Network Questions