Кажется, не может успешно использовать jQuery ajax .get запрос - PullRequest
Новая
       1

Кажется, не может успешно использовать jQuery ajax .get запрос

0 голосов
/ 28 июня 2018

У меня есть сервер, работающий локально (без аутентификации), и когда я делаю GET / запрос к нему с помощью терминала, я получаю некоторый JSON. Теперь я хочу сделать это на сайте, который я сделал. 

<html>

<head>
    <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha/css/bootstrap.min.css'>  
    <meta charset="UTF-8">
</head>

<body>

    <div class="container">
        <h1>HTTP Request to server</h1>
        <div class="form-group">
            <label for="search-box"> URL: </label>
            <input id="search-box" type="text" class="form-control"/>
        </div>

        <button id="search-button" class="btn btn-primary"> Go </button>
        <hr />
        <p id="result"></p>
    </div>

    <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js'></script>

    <script>
        $(document).ready(function() {
            $('#search-button').click(function() {
                var url = $('#search-box').val();


                $.get(url, function(data) {
                    $("#result").append(data);
                },"json");

                //$("#result").text(url);
            });
        });
    </script>

</body>
</html>

Я не могу заставить его работать, когда я нажимаю кнопку, ничего не появляется.

1 Ответ

0 голосов
/ 28 июня 2018

Вы не можете напрямую отправить запрос из Javascript на сервер с запросом JSON, если сервер не разрешает совместное использование ресурсов с клиентом.

Вы получите ошибку Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource. на панели консоли вашего браузера.

Даже если сервер разрешает совместное использование ресурсов, вы можете использовать методы $. Get или getJSON .

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...