Problem using the api with jQuery.getJSON

in DuckDuckGo Forum • 1 year ago

Hi,

I do the following stuff:

And I receive a 'XMLHttpRequest cannot load https://api.duckduckgo.com/?q=duckduckgo&o=json. Origin null is not allowed by Access-Control-Allow-Origin.' message.

The jQuery example with flickr from their page : http://api.jquery.com/jQuery.getJSON/ works well...

Don't know what to do :(

Edit :

It doesn't work with a local file, and not with a real page on a server.

Edit 2 :

I'm using chromium nightly... Is it bad ?

Edit 3 :

With a normal Chrome, the same result.

Maybe the response should have a "Access-Control-Allow-Origin" header which is the same as the client...

Replies(1)

1 year ago

Hello!

I saw your question, and I use the API on my website with this code, most likely a better way to do it:

<script type="text/javascript">var my_text = "",
	cb_ctr = 1;

	$().ready(function () {

	$("THE SEARCH BOX ID").keyup(function () {
	var b = $(this).val();
	if (my_text != b) {
	my_text = b;
	$(this);
	var d = "got_ddg_api_result_" + cb_ctr.toString();
	window[d] = function () {
	var e = cb_ctr;
	return function (a) {
	if (cb_ctr - 1 == e) {
	var c = $("<div style='position:absolute;left:122px;top:44px;width:577px;font-family:Segoe UI', Arial, sans-serif;background-color:white;'></div>");
	a.Definition && c.append($("<span style='position:absolute;left:215px;top:44px;width:482px; text-overflow:ellipsis;height:15px;text-decoration:none;overflow:hidden;font-family:Segoe UI, Arial, sans-serif;background-color:white;' onmouseover=returnfalse></span>").html(a.Definition));
	c.append($("<a style='position:absolute;left:121.89999999px;top:44px;text-overflow:ellipsis;height:15px;background-color:white;text-decoration:none;overflow:hidden;font-family:arial narrow;'></a>").attr("href", a.DefinitionURL).html(a.DefinitionSource));
	a.Answer && c.append($('<div style="position:absolute;left:100px;top:44px;width:577px;font-family:arial narrow;background-color:white;"></div>').html(a.Answer));
	$("body").append(c)
	}
	}
	}();
	cb_ctr += 1;
	$.ajax({
	url: "http://api.duckduckgo.com/",
	dataType: "script",
	type: "GET",
	data: {
	q: b,
	o: "json",
	callback: d
	}
	});


	</script> Make sure to add