jQuery Tut 1

by salitrapraveen

HTML

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<div id="console"></div>

JavaScript

var RADIUS = 20; //=1.44 * avg(x,y)/2
var NoResults = 259;
var QTYPE = 'internet';
var lat = 39.734;
var lng = -104.995;
var baseURL = 'http://query.yahooapis.com/v1/public/yql?format=json&q=';

$(document).ready(function() {
    var yql = "select * from local.search(" + NoResults + ") where query='" + QTYPE + "' and latitude='" + lat + "' and longitude='" + lng + "' and radius='" + RADIUS + "' and sort='distance'";
    yql = encodeURIComponent(yql);
    var url = baseURL + yql;
    var str = '<table width="100%">';
    $.getJSON(url, function(jsonObject) {


        for (iter = 0; iter < jsonObject.query.count; iter++) {
            str += '<tr><td>' + iter + '</td>' + '<td>' + jsonObject.query.results.Result[iter].Title + '</td>' + '<td>' + jsonObject.query.results.Result[iter].City + '</td>' + '<td>' + jsonObject.query.results.Result[iter].Latitude + '</td>' + '<td>' + jsonObject.query.results.Result[iter].Longitude + '</td></tr>';

        }
        $('#console').html(str);

    });



    $('#console').append(str);









});