Using jQuery Ajax methods display a response from a PHP page?

Question

I'm trying to implement the Jquery .ajax method to simplify the ajax in my website.

Here is the function I'm working with:

function autoComplete(q, succ)
{
    $.ajax({type:"GET",
        url: "search.php",
        data: "q="+q,
        success: succ
    }); 
}

$('input#auto_results').live('keyup', function() {

    var text = $('input#auto_results').val();       

    autoComplete(text,
        function(data) 
        { 

        alert(data);

        }); 
});

The response on the PHP page is simply:

echo "response";

So I figure that it should alert the response when the function is called, on 'keyup'. Sadly, nothing occurs. I must be doing something wrong, I am just not sure what it is.

Have you checked firebug? Is the request sent, is data received? Are there any errors? Is the PHP page and the page containing this JS under same domain? — Niklas
– Niklas, Commented Jun 16, 2011 at 8:36
are there any JS errors? Using firebug or chrome dev tools can you see if the ajax request is being started? — Gabriel Spiteri
– Gabriel Spiteri, Commented Jun 16, 2011 at 8:37
try doing alert("Response: '"+data+"'") - this way you will at least be alerted when response is empty (otherwise empty alert doesn't open at all) — mkilmanas
– mkilmanas, Commented Jun 16, 2011 at 8:40
I checked and I made the mistake of thinking that the reference to the php page needed to be made from the folder where the JS file that makes the Ajax calls are. I just referenced to dir/search.php and it worked — TaylorMac
– TaylorMac, Commented Jun 16, 2011 at 8:42

Mujah Maskey · Accepted Answer · 2011-06-16 08:44:38Z

3

is "keyup" event firing? do following.

$('input#auto_results').live('keyup', function() {

    var text = $('input#auto_results').val();       
    alert("Keyup event is firing");
    autoComplete(text,
        function(data) 
        { 

        alert(data);

        }); 
});

if event is firing. then see firebug console tab

or put error function callback on your code:

function autoComplete(q, succ)
{
    $.ajax({type:"GET",
        url: "search.php",
        data: "q="+q,
        error:function(request, textStatus, err){
           alert(request.statusText);
        },
        success: succ
    }); 
}

you may get near to error.

answered Jun 16, 2011 at 8:44

Mujah Maskey

8,8148 gold badges43 silver badges61 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Using jQuery Ajax methods display a response from a PHP page?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related