Recieving back JSON from php POST using jQuery / AJAX

Question

I am trying for the first time to make a POST response in a sample using search suggestions. Here is what I have so far:

$('#search').keyup(function() {
    var searchField = $('#search').val();
    if (searchField.length > 1) {

        $.ajax({
            url : "search_query.php",
            type : "POST",
            dataType: "json",  
            data : {
                query : searchField
            },
            success : function(data) {
                var output = '<div>';
                $.each(data, function(key, val) {
                    if (val.item.search(searchField) != -1) {
                        output += '<p><a href="#">' + val.item + '</a></p>';
                    };
                });
                $('#search_results').html(output);          
            }
        })
    };
});

Can anyone show me how to properly parse a JSON response?

There is no "in" in this code. Is there other code that uses "in", or is that in fact the response from the POST? — Paul
– Paul, Commented Jul 28, 2013 at 20:08
OK. Can you click "edit" and post the correct error messages? — Paul
– Paul, Commented Jul 28, 2013 at 20:12
I deleted it several minutes back. The error message was output is not defined - which was the issue. — TheLettuceMaster
– TheLettuceMaster, Commented Jul 28, 2013 at 20:14

abc123 · Accepted Answer · 2013-07-28 20:08:15Z

4

You haven't defined output as a variable, the below should work.

$('#search').keyup(function() {
    var searchField = $('#search').val();
    if (searchField.length > 1) {

        $.ajax({
            url : "search_query.php",
                    dataType : "json",
            type : "POST",
            data : {
                query : searchField
            },
            success : function(data) {
                var output = '';
                $.each(data, function(key, val) {
                    if (val.item.search(searchField) != -1) {
                        output += '<p><a href="#">' + val.item + '</a></p>';
                    };
                });

            }
        })
    };
});

answered Jul 28, 2013 at 20:08

abc123

19k7 gold badges55 silver badges84 bronze badges

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

Collectives™ on Stack Overflow

Recieving back JSON from php POST using jQuery / AJAX

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