I am using the following code to detect a change in a form selection and then send an AJAX get request with the data.
$("#configset").change(function(){
$.ajax({
method: "get",
url: "/bmcfg/index.php", // This is the url that will be requested
data: {"configset": $("#configset").val(),
"configupdate": "update"
},
success:function()//we got the response
{
// alert('Successfully called:'+ $("#configset").val());
},
error:function(){alert('Exeption:');}
});
});
On the server side I am using PHP to process the request.
if ((isset($_GET['configupdate']) and $_GET['configupdate'] == 'update'))
{
echo 'get received:'.$_GET['configupdate'];
include project.html.php
}
I never see the echo line being printed on that new page ? I just want PHP to load the new webpage without having to sent it back to the ajax as data.
The solution is to apparently not use AJAX but use a form and submit the form on detecting a change. AJAX will send and receive data within AJAX. So the data sent by the server side PHP script will be sent to AJAX as well.
This can be fixed by using form submission using JQuery.
$("#selectid").change(function(){ <------ this is the select tag "id"
$("#formid").submit(); <---- this is the form tag "id"
});
Add a parameter to the function that gets the value from PHP :
success:function( data )//we got the response
{
alert( data ); // <========== VALUE ECHOED FROM PHP.
}