Using PHP instead of JSON in jQuery instant search script

Question

I have a Google Instant style search script written in jQuery which pulls results from the JSON BingAPI. How can I make my script pull content from a PHP script rather than the BingAPI?

Here is my code:

$(document).ready(function(){
    $("#search").keyup(function(){
        var search=$(this).val();
        var keyword=encodeURIComponent(search);
        var yt_url='http://api.search.live.net/json.aspx?JsonType=callback&JsonCallback=?&Appid=642636B8B26344A69F5FA5C22A629A163752DC6B&query='+keyword+'&sources=web';
        window.location.hash=keyword;

        $.ajax({
            type:"GET",
            url:yt_url,
            dataType:"jsonp",
            success:function(response){
                $("#result").html('');
                if(response.SearchResponse.Web.Results.length){
                    $.each(response.SearchResponse.Web.Results, function(i,data){
                        var title=data.Title;
                        var dis=data.Description;
                        var url=data.Url;
                        var final="<div class='webresult'><div class='title'><a href='"+url+"'>"+title+"</a></div><div class='desc'>"+dis+"</div><div class='url'>"+url+"</div></div>";
                        $("#result").append(final);
                    });
                }
            }
        });
    });
});

Do you still want to use Bing API for actual search or you're asking how to invoke your own custom script that does searches based on your own database? If you just want to be able to query something of your own, you change the URL, but if you want your PHP script to query the API of the 3rd party - you need to create a proxy PHP script. — N.B.
– N.B., Commented Jun 4, 2011 at 19:42

dynamic · Accepted Answer · 2011-06-04 19:39:38Z

2

Replace this:

var yt_url='http://api.search.live.net/json.aspx?JsonType=callback&JsonCallback=?&Appid=642636B8B26344A69F5FA5C22A629A163752DC6B&query='+keyword+'&sources=web';

With your json suggest url

var yt_url='http://yourwebsite/json.php?query='+keyword;

answered Jun 4, 2011 at 19:39

dynamic

48.2k56 gold badges162 silver badges236 bronze badges

explain does not work, gosh. Also just see the output of bing json and compare with yours too see if there are any differences.

dynamic
– dynamic

06/04/2011 19:52:11
Commented Jun 4, 2011 at 19:52
see the second part of my comment

dynamic
– dynamic

06/04/2011 19:53:50
Commented Jun 4, 2011 at 19:53
look at the html. (view-source)

dynamic
– dynamic

06/04/2011 19:56:53
Commented Jun 4, 2011 at 19:56
@callum yes you are right because they accept requests only coming from AJAX. Anyway the problem could be because you are outtputting the wrong json. You should see from the console if there are any errors

dynamic
– dynamic

06/04/2011 20:02:31
Commented Jun 4, 2011 at 20:02
@callum: that's the problem! acutally on bing the file is called json.ajax because outputs json! :) not html. You should output json too. see json_encode();

dynamic
– dynamic

06/04/2011 20:05:54
Commented Jun 4, 2011 at 20:05

| Show 2 more comments

Collectives™ on Stack Overflow

Using PHP instead of JSON in jQuery instant search script

1 Answer 1

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Your Answer

Sign up or log in

Post as a guest

Related