All geek questions in one place

POST from XMLHttp with parameters

I am trying to send data to a PHP page and check the answer. Here is an example. What is wrong with this code?

index.html

<html> <head> <title>Post Ajax</title> <script type="text/javascript"> function post(foo, bar) { var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { alert(xmlhttp.responseText); } } xmlhttp.open("POST", "ajax.php", true); xmlhttp.send("foo=" + foo + "&bar=" + bar); } </script> </head> <body> <input type="button" value="Click me" onclick="post('one','two');" /> </body> </html>

ajax.php

 <?php if (array_key_exists('foo', $_POST) && array_key_exists('bar', $_POST)) { $foo = $_POST['foo']; $bar = ($_POST['bar']); // do stuff with params echo 'Yes, it works!'; } else { echo 'Invalid parameters!'; } ?>

Either I have a silly typo, or I'm using the send () method incorrectly.

+6
source share
1 answer

I get it. I needed to set the request header.

 xmlhttp.open("POST", "ajax.php", true); xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); xmlhttp.send("foo=" + foo + "&bar=" + bar);

source1

source2

+13
source

Source: https://habr.com/ru/post/895099/

More articles:


All Articles