Geek asks and answers

Using PHP rather than JSON as output in instant search script

I have a Google Instant script style search written in jQuery that I want to extract a script from PHP. I know that my script currently needs JSON as output, but I want it to output PHP generated HTML. How can i do this?

Here is my code:

$(document).ready(function(){
    $("#search").keyup(function(){
        var search=$(this).val();
        var keyword=encodeURIComponent(search);
        var yt_url='http://www.SITEURL.com/search.php?action=SEARCH&keyword='+keyword+;
        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);
                    });
                }
            }
        });
    });
});
+3
source share
2 answers

Just use

dataType:"html",

In your call $ .ajax. The result will be returned as plain text, so if you just want to display it, you can

success:function(response){
   $("#result").html(response);
}
+3
source

a single:

$("#result").load("filename.html #elementid_inside_filename");

It would be enough. (if the file is not in another domain)

0
source

More articles:


All Articles