2017-01-31 2 views
0

У меня есть следующий код в JavaScript- #test - простой тег h3 в html. Я тестирую, что это можно изменить с помощью «test1». Мой вопрос в том, почему ajax будет работать только с определенными URL-адресами. В следующем фрагменте успех никогда не достигается: другими словами, #test не становится «test2». Однако, если я заменить URL сAjax работает только с определенными URL-адресами

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

успех достигается. Обе ссылки на JSON, и они выглядят одинаково для меня ... так почему успех достиг только для URL, показанного выше?

Аналогичный вопрос - jQuery $.ajax not working for a certain URL - говорит, что это связано с той же политикой происхождения. Это относится и к моему делу? Есть ли способ обойти это?

$(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 
    }); 
    }); 
}) 
+1

Это, наверное, та же самая проблема. Что он говорит в вашем консольном журнале? – Barmar

+0

также проверьте вкладку сети консоли разработчика. Он должен предоставить ответ, если запрос был успешно запущен. –

+0

Я использую CodePen, и он ничего не говорит –

ответ

0

Найден способ вокруг использования JSONP как тип данных, здесь https://www.mediawiki.org/wiki/Manual:Ajax#Limitations

Мой обновленный код:

$(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 
    }); 
    }); 
}) 
Смежные вопросы