I’m been stuck on this problem for a while and I’m pretty sure it must be something quite simple that hopefully someone out there can shed some light on.
So, I’m currently using jQuery UI’s Autocomplete plugin to reference and external PHP which gets information from a database (in an array) and sends it to a JSON output.
From my PHP file (search.php) when I do this:
echo json_encode($items);
My output (when looking at the search.php file) is this:
["Example 1","Example 2","Example 3","Example 4","Example 5"]
Which is valid JSON according to jsonlint.com
The problem is that when I use jQuery UI’s Autocomplete script to reference the external search.php file, Chrome just gives me the following error:
GET http://www.example.com/search.php?term=my+search+term 404 (Not Found)
I have tried inputting the JSON code straight into the ‘Source:’ declaration in my jQuery, and this works fine, but it will not read the JSON from the external PHP file.
Please can someone help?
Here’s my code:
HMTL
<p class="my-input">
<label for="input">Enter your input</label>
<textarea id="input" name="input"
class="validate[required]"
placeholder="Enter your input here.">
</textarea>
</p>
jQuery
$(function() {
$( "#input" ).autocomplete({
source: "http://www.example.com/search.php",
minLength: 2
});
});
PHP
header("Content-type: application/json");
// no term passed - just exit early with no response
if (empty($_GET['term'])) exit ;
$q = strtolower($_GET["term"]);
// remove slashes if they were magically added
if (get_magic_quotes_gpc()) $q = stripslashes($q);
include '../../../my-include.php';
global $globalvariable;
$items = array();
// Get info from WordPress Database and put into array
$items = $wpdb->get_col("SELECT column FROM $wpdb->comments WHERE comment_approved = '1' ORDER BY column ASC");
// echo out the items array in JSON format to be read by my jQuery Autocomplete plugin
echo json_encode($items);
Result
In browser, when information is typed into #input
GET http://www.example.com/search.php?term=Example+1 404 (Not Found)
Update: the real PHP url is here: http://www.qwota.co.uk/wp/wp-content/themes/qwota/list-comments.php?term=Your
Please help!
UPDATE: ANSWER
The answer to my problem has been pointed out by Majid Fouladpour
The problem wasn’t with my code but rather with trying to use WordPress’ $wpdb global variable as (as far as I understand) it includes it’s own headers, and anything outside of it’s usual layout will result in a 404 error, even if the file is actually there.
I’m currently trying to get around the problem by creating my own MySQL requests and not using WordPress’s global variables / headers.
PS. Majid, I’ll come back and give you a ‘helpful tick’ once StackOverflow lets me! (I’m still a n00b.)
Your apache server is sending wrong headers. Here is a pair of request and response:
Request
Response headers
Response body
So, even though you receive back response from the server, it has
HTTP/1.1 404 Not Foundin the headers. Someone may be able to investigate this and provide a potential reason and solution.