Ajax solo trabaja con ciertas URL

Tengo el siguiente código en JavaScript: #test es una etiqueta h3 simple en html. Pruebo que esto se puede cambiar con “test1”. Mi pregunta es por qué ajax solo funcionará con ciertas URL. En el siguiente fragmento, nunca se alcanza el éxito: en otras palabras, #test no se convierte en “test2”. Sin embargo, si reemplazo la URL con

‘ http://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1 ‘

se alcanza el exito Ambos se vinculan con JSON y me parecen iguales … ¿por qué solo se alcanza el éxito para la URL que se muestra arriba?

Una pregunta similar – jQuery $ .ajax no funciona para una URL determinada – dice que esto se debe a la misma política de origen. ¿Esto se aplica a mi caso también? ¿Hay alguna forma de evitar esto?

$(document).ready(function(){ $("#button").on("click", function(e) { e.preventDefault(); $("#test").html("test1"); $.ajax({ url: 'https://en.wikipedia.org/w/api.php?action=query&list=search&srsearch=Albert%20Einstein&format=json', success: function(data) { $('#test').html("test2"); }, cache: false }); }); }) 

Encontré una forma de evitar el uso de jsonp como el tipo de datos, que se encuentra aquí https://www.mediawiki.org/wiki/Manual:Ajax#Limitations

Mi código actualizado:

 $(document).ready(function(){ $("#button").on("click", function(e) { e.preventDefault(); $("#test").html($("input").val()); $.ajax({ url: "https://en.wikipedia.org/w/api.php?action=query&titles=Boston%20Tea%20Party&prop=revisions&rvprop=content&format=json", data: { format: 'json' }, dataType: 'jsonp', success: function(data) { $('#test').html(Object.keys(data.query.pages)[0]); }, cache: false }); }); })