Unable to post variables with jquery post [duplicate] - php

Question

This question already has answers here:
Unable to post variables with jquery post()
(2 answers)
Closed 9 years ago.
I am trying to pass variables from a modal form to another page. I declare the variables from the form with the id tags in each selection.
Page reloads to test.php, however no variable can be echoed.
javascript
var id = $( "#id" ),
name = $( "#name" )
$.post("jqtest/test.php", { device_id: "id", device_name: "name" });
load('jqtest/test.php');
test.php
echo $_POST['device_name'];
echo $_POST['device_id'];

Answer 1

var id = $( "#id" ), name = $( "#name" )
/*
if have tag like <input id='id' value='ABC'> and want to get ABC , $( "#id" ).val();
if have tag like <div id='id' >ABC</div> and want to get ABC,$( "#id" ).html();
*/
$.post("jqtest/test.php", { device_id: "id", device_name: "name" });
/*
after get id and name , need
$.post("jqtest/test.php", { device_id: id, device_name: name });
*/
load('jqtest/test.php');
/*
useless delete this line
if need callback, ref:
$.post("test.php", { name: "John", time: "2pm" })
.done(function(data) {
alert("Data Loaded: " + data);
});
*/

Answer 2

You do not call load to get the contents of the post!
$.post("jqtest/test.php", { device_id: "id", device_name: "name" }, function (data) {
//handle the response here
console.log(data);
});
Also the use of load like that is wrong, unless you are calling some sort of function.
Edit,
Based on your comments, the echo does not work since you are loading a NEW page, you are not dealing with the post code in the Ajax request. If you want to navigate to the page the form submits to, than submit an actual form! You are using Ajax wrong.