Как включить определённый тег со скриптом для обращения POST через AJAX на свой сайт?

Question

[EvgenyJozef3000]

Добрый день. Имеется сайт sarrcoko.ru/ogeresult - доступа к нему нет. Как на своём сайте разместить блок?

<section id="user">
    <h3>РЕЗУЛЬТАТЫ ОГЭ/ГВЭ</h3>
    <div style="display:inline-block; padding-left:7px;padding-top:10px;">
        <select class="styler width-400" name="subject" id="subject">
            <option value="-1">-------------------------Выберите предмет------------------------</option>

            <option value="51">ГВЭ: Русский язык</option>
            <option value="53">ГВЭ: Физика</option>
            <option value="55">ГВЭ: Информатика</option>
            <option value="56">ГВЭ: Биология</option>
            <option value="57">ГВЭ: История (с ХХ веком)</option>
            <option value="68">ГВЭ: Литература</option>
            <option value="58">ГВЭ: География</option>
            <option value="52">ГВЭ: Математика</option>
            <option value="54">ГВЭ: Химия</option>
            <option value="59">ГВЭ: Английский язык</option>
            <option value="60">ГВЭ: Немецкий язык</option>
            <option value="61">ГВЭ: Французский язык</option>
            <option value="62">ГВЭ: Обществознание</option>
            <option value="63">ГВЭ: Испанский язык</option>
            <option value="2">ОГЭ: Математика</option>
            <option value="7">ОГЭ: История (с ХХ веком)</option>
            <option value="17">ОГЭ: История (без ХХ века)</option>
            <option value="6">ОГЭ: Биология</option>
            <option value="3">ОГЭ: Физика</option>
            <option value="8">ОГЭ: География</option>
            <option value="9">ОГЭ: Английский язык</option>
            <option value="10">ОГЭ: Немецкий язык</option>
            <option value="11">ОГЭ: Французский язык</option>
            <option value="13">ОГЭ: Испанский язык</option>
            <option value="1">ОГЭ: Русский язык</option>
            <option value="5">ОГЭ: Информатика</option>
            <option value="12">ОГЭ: Обществознание</option>
            <option value="4">ОГЭ: Химия</option>
            <option value="18">ОГЭ: Литература</option>
        </select>
    </div>

    <div style="display:inline-block; padding-left:7px;padding-top:10px;">
        <select class="styler width-400" name="examdate" id="examdate">
            <option value="0">-------------------------Дата экзамена------------------------</option>
        </select>
    </div>

    <div style="display:inline-block; padding-left:7px;padding-top:10px;width:400px;">
        <input type="text" class="styler" placeholder="Серия документа" value="" name="docS" id="docS" style="width:380px;">
    </div>

    <div style="display:inline-block; padding-left:7px;padding-top:10px;width:400px;">
        <input type="text" class="styler" placeholder="Номер документа" value="" name="docN" id="docN" style="width:380px;">
    </div>

    <div style="display:inline-block; padding-left:7px;padding-top:10px;width:800px;" align="center">
        <input type="button" value="Узнать результат" class="google_buttons add_news" onclick="get_result();" style="width:280px;">
    </div>

    <div id="result">
        &nbsp;
    </div>

    <script>
        function get_result() {

            var SubjectCode = $("select#subject").val();

            var ExamDate = $("select#examdate").val();

            var DocN = $("input#docN").val();

            var DocS = $("input#docS").val();

            $.post("/ajax/get_oge_result.php", {
                SubjectCode: SubjectCode,
                ExamDate: ExamDate,
                DocN: DocN,
                DocS: DocS
            }, onAjaxSuccess);

            function onAjaxSuccess(data) {
                $("div#result").html(data);
            }
        }

        $(function() {

            //Подгрузка страниц в селектор
            $('#subject').on('change', function() {
                var SubjectCode = $('select#subject option:selected').val();

                $.post("http://sarrcoko.ru/ogeresult/ajax/get_date_by_exam.php", {
                    SubjectCode: SubjectCode
                }, onAjaxSuccess);

                function onAjaxSuccess(data) {

                    $('#examdate').html(data);

                    setTimeout(function() {
                        $('input, select').trigger('refresh');
                    }, 1)
                }
            });

        });

        (function($) {
            $(function() {
                $('select#subject').styler({
                    selectSearch: false,
                    selectSearchLimit: 2,
                    onSelectOpened: function() { /*$("#dialog-edit").height(400);*/ },
                    onSelectClosed: function() { /*$("#dialog-edit").height(175);*/ }
                });
            });
        })(jQuery);
        (function($) {
            $(function() {
                $('select#examdate').styler({
                    selectSearch: false,
                    selectSearchLimit: 2,
                    onSelectOpened: function() { /*$("#dialog-edit").height(400);*/ },
                    onSelectClosed: function() { /*$("#dialog-edit").height(175);*/ }
                });
            });
        })(jQuery);
    </script>

</section>

Так чтобы скрипт с AJAX запросом работал на тот сайт? Как это можно сделать?

Answer 1

[Rsa97]

Делать запрос к своему серверу, который уже будет запрашивать данные на sarrcoko.
Ибо CORS.

Comments

[EvgenyJozef3000]

CORS, понятное дело... Не много не понял вашу логику: как я буду запрашивать данные с sarrcoko, если к примеру с кодом:

//Подгрузка страниц в селектор
            $('#subject').on('change', function() {
                var SubjectCode = $('select#subject option:selected').val();

                $.post("http://sarrcoko.ru/ajax/get_date_by_exam.php", {
                    SubjectCode: SubjectCode
                }, onAjaxSuccess);

                function onAjaxSuccess(data) {

                    $('#examdate').html(data);

                    setTimeout(function() {
                        $('input, select').trigger('refresh');
                    }, 1)
                }
            });

Лезет ошибка:

Access to XMLHttpRequest at 'http://sarrcoko.ru/ajax/get_date_by_exam.php' from origin 'МОЙ_САЙТ' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

[Rsa97]

EvgenyJozef3000, На своём сервере пишете скрипт (PHP, Node.JS, Python или что у вас там).
Ваш AJAX-запрос из браузера клиента обращается к этому скрипту, скрипт получает данные с sarrcoko и отправляет клиенту.

[Sp1keazyYT]

Rsa97, можно пример, не совсем понимаю как это сделать?

[Sp1keazyYT]

Rsa97, каким образом я получу данные с исходного сайта, если сперва нужно отправить Post запрос, то бишь можно это делать аяксом, но в любом случае, как я говорил, выдает ошибку CORS, поэтому про мой псевдно скрипт на моем сервере не канает. Какие варианты есть?

[Rsa97]

Sp1keazyYT, У вашего сайта бэкэнд есть? Если нет, то никак не получите.
Если есть, то средствами бэкэнда, например cURL в PHP.

[Sp1keazyYT]

Rsa97, Я же писал, что доступа к файлам на сайте sarrcoko нет. Имеются только ссылки на PHP скрипты, к которым обращается Ajax методом Post.

[Rsa97]

Sp1keazyYT, При чём тут доступ к к файлам на сайте sarrcoko? У вашего сайта бэкэнд есть, или это чисто статический сайт?

[Sp1keazyYT]

Rsa97, вы про это... Ну есть

[Sp1keazyYT]

Rsa97, как я это реализую через cURL, то есть надо сперва отправлять аяксом запрос моему скрипту, а уже мой скрипт отправит этот запрос скрипту на другой сайт и потом вернет результат

[Rsa97]

Sp1keazyYT, Именно.

[Sp1keazyYT]

Rsa97, ну вот и вопрос - как мне пост запрос отправлять курлом?

[Rsa97]

Sp1keazyYT,
www.lmgtfy.com/?q=%D0%BA%D0%B0%D0%BA+%D0%BE%D1%82%...

[Sp1keazyYT]

Rsa97, нашел следующий пример:

<?php
  if( $curl = curl_init() ) {
    curl_setopt($curl, CURLOPT_URL, 'http://mysite.ru/receiver.php');
    curl_setopt($curl, CURLOPT_RETURNTRANSFER,true);
    curl_setopt($curl, CURLOPT_POST, true);
    curl_setopt($curl, CURLOPT_POSTFIELDS, "a=4&b=7");
    $out = curl_exec($curl);
    echo $out;
    curl_close($curl);
  }
?>

Где CURLOPT_POSTFIELDS, что мне туда передавать?

Вот запрос, который я делаю к скрипту выше:

$('#subject').on('change', function() {
                var SubjectCode = $('select#subject option:selected').val();

                $.post("http://sarrcoko.ru/ajax/get_date_by_exam.php", {
                    SubjectCode: SubjectCode
                }, onAjaxSuccess);

                function onAjaxSuccess(data) {

                    $('#examdate').html(data);

                    setTimeout(function() {
                        $('input, select').trigger('refresh');
                    }, 1)
                }
            });

[Rsa97]

Sp1keazyYT,

curl_setopt($curl, CURLOPT_POSTFIELDS, ['SubjectCode' => SubjectCode]);

[EvgenyJozef3000]

Rsa97, Вот что мой скрипт выдал -
А на сайте ничего не произошло, когда я выбрал предмет, но в идеале должны появиться даты экзаменов.