I need to grab the $_GET['loc'] that is sent via AJAX - php

Question

I have an index.php page where there are 2 kinds of queries first is location and secondly the search query. I am using ajax on location query
html structure :
<ul class="dropdown">
<li>City</li>
<li>North</li>
<li>South</li>
</ul>
<form action="" method="post">
<input type="text" name="search" id="search">
</input value="submit" type="submit"/>
</form>
<div id="content_from_AJAX">
<ul id="li_start">
</ul>
</div>
The ajax.js code :
$(document).ready(function(e) {
function getLoc(param){
if(window.XMLHttpRequest){
xmlhttp = new XMLHttpRequest();
}
else{
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function(){
if(xmlhttp.readyState == 4 && xmlhttp.status == 200){
document.getElementById("li_start").innerHTML = xmlhttp.responseText;
}
}
xmlhttp.open("GET","getresult.php"+param,false);
xmlhttp.send();
}
//handle anchor clicks
$("ul#location li a").click(function(){
var loc = $(this).attr("href");
getLoc(loc);
return false;
});
});
the getresult.php code :
require ('connect_to_mysql.php');
if(isset($_GET['loc']) && empty($_GET['loc'])===false){
$loc = mysql_real_escape_string($_GET['loc']);
$query = "SELECT * FROM TB_name WHERE loc=";
}
else{
$query = "SELECT * FROM TB_name";
}
$query_run = mysql_query($query);
$count = mysql_num_rows($query_run);
if($count<1){
echo 'no result found';
}
else{
while($result == mysql_fetch_assoc($query_run)){
echo "ALL results";
}
// Here is what I want to be able o access on index.php
return $_GET['loc']
}
I want the $_GET to be accessed on index.php so I can use it to filter result on search queries on the form above ie:
"SELECT * FROM `TB_name` WHERE `keyword` LIKE '$keyword' AND `loc`='".$_GET['loc']."'"
//I need to do this on index.php not on getresult.php
And also I want the AJAX.js to send queries on getresult.php if a user clicks on the loc links if the $_POST['search'] isset.
Please help really need this project and I am starting to be so depressed X_X.. Thank you any help is appreciated alot :)

Answer 1

change this
xmlhttp.open("GET","getresult.php"+param,false);
to
xmlhttp.open("GET","getresult.php?loc="+param,false);
^^^^ // forgot ?loc=
then use $_GET["loc"] in your getresult.php page.

Answer 2

Why have you put your function in document.ready() ?
If it would be me then i would have done like this
function getLoc(param){
$.get('getresult.php',{loc:param},function(data){
//Do some stuff with data
});
}

Answer 3

Your code needs some rethinking. You have a dropdown with href links in it and a form that submits information (which it shouldn't if you want ajax results).
And why is your getresults.php doing a database query and then returning the GET variable back. That makes no sense, because the database query is now pointless as its results are not used for anything.
What I think you want is onClick event listeners on the dropdown, and then have an Ajax request fire on each change, the getresults.php file then does a MySQL search and returns the results of the search (not $_GET['loc'] as index.php already knows this value).
Also, use mysqli* or PDO for your database queries, the mysql* set of functions are now deprecated and prone to sql injection.