JQuery Access-Control-Allow-Origin Issue
How do I get rid of the following error message
Here is my html file
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<title>County Lookup</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript" ></script>
<script src="http://ziplookup.googlecode.com/git/public/ziplookup/zipLookup.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() { // When the document loads,
var myurl;
$('[name=zipcode]').blur(function(){ // Set on blur
$.zipLookup( // Do a Zip code Lookup
$(this).val(), // Zip code Field Value
function(cityName, stateName, stateShortName){ // If Successful,
$('input[name=city]').val(cityName); // Set City name
$('input[name=state_short]').val(stateName); // Set State abbreviation
$('input[name=state]').val(stateShortName); // Set State name
myurl = 'http://api.sba.gov/geodata/all_links_for_city_of/' + cityName + '/' + stateShortName + '.json';
$('.message').html(myurl); // Add a message
// Additional way to get County Name using ajax
// $.ajax({
// dataType: "json",
// url: myurl ,
// type: 'GET',
// success: function (data) {
// $('.message').html(data);
// $('input[name=county]').val(data.full_county_name);
// }
// }).done(function ( data ) {
// $('input[name=county]').val(data.full_county_name);
// });
var jqxhr = $.getJSON( myurl, function(data) {
success: readData(data);
})
.done(function() {
alert( "second success" );
})
.fail(function() { alert( "error" ); })
.always(function() { alert( "complete" ); });
function readData(data) {
$('input[name=county]').val(data.full_county_name);
}
},
function(errMsg){ // If Zip couldn't be found,
$('.message').html("Error: " + errMsg); // Add an error message
});
$("#div1").load(myurl);
});
});
</script>
</head>
<body>
<form>
<table>
<tbody>
<tr>
<td>Enter ZipCode:</td>
<td><input type='text' name='zipcode' /></td>
</tr>
<tr>
<td>Enter City:</td>
<td><input type='text' name='city' /></td>
</tr>
<tr>
<td>Enter State Abbr.:</td>
<td><input type='text' name='state_short' /></td>
</tr>
<tr>
<td>Enter State:</td>
<td><input type='text' name='state' /></td>
</tr>
<tr>
<td>Enter County:</td>
<td><input type='text' name='county' /></td>
</tr>
<tr>
<td class='message' colspan="2"></td>
</tr>
<tr>
<div id="div1"><h2></h2></div>
</tr>
</tbody>
</table>
</form>
</body>
</html>