How to send multiple data with ajax to PHP?

Question

How to send multiple data as URL parameter to server side php script using only Javascript/Ajax.

I don't need to use Jquer.y

I am tying this way:

xhttp.open("GET", 'spec_crawler.php?value='+postValue+'&tablename='+tablename+'&id='+postProdID+'\'', true);
xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhttp.send();

On server side I am getting only value:

$html_snippet =$_GET['value'];

Others are empty. but from client side I am sending the proper value.

Am I missing something fundamental?

That should work fine? You probably want to URL encode the variables though. — adeneo
– adeneo, Commented Mar 13, 2016 at 19:03
Uhm, maybe not, what's the +'\'' at the end for, looks invalid, you can't end the URL like that after the querystring ` — adeneo
– adeneo, Commented Mar 13, 2016 at 19:05

RomanPerekhrest · Accepted Answer · 2016-03-13 19:06:17Z

1

Content type "application/x-www-form-urlencoded" is usually used for POST requests.
Encode each param value with encodeURIComponent function:

var params = 'value=' + encodeURIComponent(postValue) +'&tablename=' + encodeURIComponent(tablename) +'&id='+ encodeURIComponent(postProdID);
xhttp.open("GET", 'spec_crawler.php?' + params, true);          
xhttp.send();

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/encodeURIComponent

answered Mar 13, 2016 at 19:06

RomanPerekhrest

93.1k4 gold badges75 silver badges112 bronze badges

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

7 Comments

sohel14_cse_ju Over a year ago

Do i have to decode value on the server side? Actually the value is a large html source code. Please suggest

RomanPerekhrest Over a year ago

you don't need to decode URL-encoded string on server side. From PHP documentation:

Warning: The superglobals $_GET and $_REQUEST are already decoded. Using urldecode() on an element in $_GET or $_REQUEST could have unexpected and dangerous results.

sohel14_cse_ju Over a year ago

problem i am facing is encodeURIComponent(postValue) is not giving me any response from server if the postValue is the large html source code i need to send. But when i am sending small string in postValue that works. I guess there is a problem with encodeURIComponent. Do you have any idea?

sohel14_cse_ju Over a year ago

another thing it's working fine on my local pc. But not working on my linux server (my godaddy server)

RomanPerekhrest Over a year ago

you shouldn't pass a large html source code via GET params. Use POST request for those cases

|

Collectives™ on Stack Overflow

How to send multiple data with ajax to PHP?

1 Answer 1

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related