Я пишу простой сайт, который принимает в качестве входных данных идиоматизм и возвращает его значение (я) и пример из оксфордского словаря. Вот моя идея:
Я отправляю запрос по следующему URL:
http://www.oxfordlearnersdictionaries.com/search/english/direct/?q=[idiom]
Например, если идиома "не уходи далеко", я отправлю запрос:
http://www.oxfordlearnersdictionaries.com/search/english/direct/?q=not+go+far
И я буду перенаправлен на следующую страницу:
http://www.oxfordlearnersdictionaries.com/definition/english/far_1#far_1__192
На этой странице я могу извлечь значение (я) и пример идиомы. Вот мой код для тестирования. Он предупредит ответ URL:
<input id="idiom" type="text" name="" value="" placeholder="Enter your idiom here">
<br>
<button id="submit" type="">Submit</button>
<script type="text/javascript">
$(document).ready(function(){
$("#submit").bind('click',function(){
var idiom=$("#idiom").val();
$.ajax({
type: "GET",
url: 'http://www.oxfordlearnersdictionaries.com/search/english/direct/',
data:{q:idiom},
async:true,
crossDomain:true,
success: function(data, status, xhr) {
alert(xhr.getResponseHeader('Location'));
}
});
});
});
</script>
Проблема в том, что у меня ошибка:
Блокировка перекрестного запроса: та же политика происхождения запрещает чтение удаленного ресурса по адресу http://www.oxfordlearnersdictionaries.com/search/english/direct/?q=by+far. Это можно исправить, переместив ресурс в тот же домен или включив CORS.
Кто-нибудь может сказать мне, как решить эту проблему, пожалуйста? Другой подход тоже хорошо