За последние 24 часа нас посетили 22782 программиста и 1272 робота. Сейчас ищут 719 программистов ...

Отправка данных на другой сервер.

Тема в разделе "JavaScript и AJAX", создана пользователем SerfUA, 6 ноя 2017.

  1. SerfUA

    SerfUA Активный пользователь

    С нами с:
    18 фев 2014
    Сообщения:
    75
    Симпатии:
    4
    Добрый день. У меня есть проблема. Не могу отправить данные формы на другой сервер.
    Пример html я прикреплю. Если просто форму сабмитнуть она работает нормально и отдает данные. А вот если сделать запрос через ajax появляются какие то ошибки с заголовками и другая дребедень. Я все Это убрал но потом появляются другие ошибки. Пожалуйста помогите понять почему через обычный HTML сабмит работает а через ajax нет.

    HTML:
    1. <?php
    2. header('X-Content-Type-Options: nosniff');
    3. header('Access-Control-Allow-Origin: https://avivi.pro');
    4. ?>
    5.     <head>
    6.  
    7.  
    8.             <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    9.             <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
    10.             <script type="text/javascript"  src="https://avivi.pro/b24apps/training/belikov/first_task/js/script.js"></script>
    11.  
    12.             <meta name="robots" content="noindex, nofollow, noarchive">
    13.             <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    14.             <meta name="description" content="Поділіться думкою про нашу роботу або задайте нам будь-яке питання, що вас цікавить в поле коментар">
    15.  
    16.  
    17.             <meta name="viewport" content="width=device-width, initial-scale=1.0">
    18.             <meta property="og:title" content="Зворотний зв'язок">
    19.             <meta property="og:description" content="Поділіться думкою про нашу роботу або задайте нам будь-яке питання, що вас цікавить в поле коментар">
    20.             <meta property="og:image" content="http://taskfromavivi.bitrix24.ua/bitrix/components/bitrix/crm.webform.fill/templates/.default/images/rich_link_form_150_150.png">
    21.             <meta property="og:image:secure_url" content="https://taskfromavivi.bitrix24.ua/bitrix/components/bitrix/crm.webform.fill/templates/.default/images/rich_link_form_150_150.png">
    22.             <meta property="og:image:type" content="image/png">
    23.             <meta property="og:image:width" content="150">
    24.             <meta property="og:image:height" content="150">
    25.             <meta property="og:image" content="http://taskfromavivi.bitrix24.ua/bitrix/components/bitrix/crm.webform.fill/templates/.default/images/rich_link_form_150_100.png">
    26.             <meta property="og:image:secure_url" content="https://taskfromavivi.bitrix24.ua/bitrix/components/bitrix/crm.webform.fill/templates/.default/images/rich_link_form_150_100.png">
    27.             <meta property="og:image:type" content="image/png">
    28.             <meta property="og:image:width" content="150">
    29.             <meta property="og:image:height" content="100">
    30.  
    31.  
    32.  
    33.             <title>Зворотний зв'язок</title>
    34.     </head>
    35.     <body>
    36.         <form class="crm-webform-form-container" id="bxform" method="POST" enctype="multipart/form-data"
    37.              action="https://taskfromavivi.bitrix24.ua/pub/form.php?view=frame&amp;form_id=8&amp;widget_user_lang=ua&amp;sec=q9y6mt&amp;r=1509707493266&amp;callback=jQuery32108156026928150852_1509714919475&amp;LEAD_NAME=test211&amp;LEAD_EMAIL=qwe1%40gmail.com&amp;LEAD_PHONE=%2B380638741654&amp;LEAD_UF_CRM_1509624976086=46&amp;from=https%3A%2F%2Favivi.pro%2Fb24apps%2Ftraining%2Fbelikov%2Ffirst_task%2F&amp;_=1509714919477">
    38.         <fieldset class="crm-webform-fieldset">
    39.             <div class="row">
    40.                 <div class="col-md-12 col-sm-12 crm-webform-field-string " id="field_LEAD_NAME">
    41.                     <label class="crm-webform-input-label">
    42.                         Ім'я:
    43.                         <input value="" class="crm-webform-input" name="LEAD_NAME" id="LEAD_NAME" placeholder="" type="text">
    44.                     </label>
    45.                 </div>
    46.             </div>
    47.             <div class="row">
    48.                 <div class="col-md-12 col-sm-12 crm-webform-field-email " id="field_LEAD_EMAIL">
    49.                     <label class="crm-webform-input-label">
    50.                         <i class="crm-webform-icon fa fa-envelope-o"></i>
    51.                         E-mail:
    52.                         <input value="" class="crm-webform-input" name="LEAD_EMAIL" id="LEAD_EMAIL" placeholder="" type="text">
    53.                     </label>
    54.                 </div>
    55.             </div>
    56.             <div class="row">
    57.                 <label class="crm-webform-input-label">
    58.                     <i class="crm-webform-icon fa fa-phone"></i>
    59.                     Телефон:
    60.                     <input name="LEAD_PHONE" id="LEAD_PHONE" value="+380638741654" type="tel">
    61.                 </label>
    62.             </div>
    63.             <div class="row">
    64.                 Выбор города:
    65.                 <select class="crm-webform-input" name="LEAD_UF_CRM_1509624976086" id="LEAD_UF_CRM_1509624976086"><option value="">Не вибрано</option><option value="44">Хмельницкий</option><option value="46">Киев</option><option value="48">Одесса</option></select>
    66.             </div>
    67.             <div class="row">
    68.                 Новий файл:
    69.                 <input class="crm-webform-input" name="LEAD_UF_CRM_1509624855785" id="LEAD_UF_CRM_1509624855785" type="file">
    70.             </div>
    71.             <div class="row">
    72.                 <div class="col-md-12 col-sm-12">
    73.                     <div class="crm-webform-group crm-webform-button-container">
    74.                         <button data-bx-webform-submit-btn="" id="SUBMIT_BUTTON" class="crm-webform-submit-button" type="submit" onclick="SubForm(); return false;">Відправити Ajax</button>
    75.                         <button data-bx-webform-submit-btn="" id="SUBMIT_BUTTON" class="crm-webform-submit-button" type="submit">Відправити</button>
    76.                     </div>
    77.                 </div>
    78.             </div>
    79.         </fieldset>
    80.         <input name="from" value="https://avivi.pro/b24apps/training/belikov/first_task/" type="hidden">
    81.     </form>
    82.     </body>
    83. </html>
    Код (Javascript):
    1. $( document ).ready(function() {
    2.    
    3. })
    4. function SubForm() {
    5.     var frm = $("#bxform");
    6.  
    7.     $.ajax({
    8.         beforeSend: function(xhr) {
    9.             xhr.setRequestHeader('Access-Control-Allow-Origin', 'https://avivi.pro');
    10.             xhr.setRequestHeader('X-Content-Type-Options', 'nosniff');
    11.         },
    12.         dataType:"jsonp",
    13.         type : frm.attr('method'),
    14.  
    15.         url : frm.attr('action'),
    16.         data: {
    17.             "LEAD_NAME" : "Test1",
    18.             "LEAD_EMAIL" : "test@mail.ru",
    19.             "LEAD_PHONE" : "+380999999999",
    20.             "LEAD_UF_CRM_1509624976086" : "",
    21.             "from" : "https://avivi.pro/b24apps/training/belikov/first_task/"
    22.         },
    23.         success: function(html){
    24.             console.log("Answer");
    25.             console.log(html);
    26.             alert(html["text"]);
    27.         },
    28.             error: function(error){
    29.             console.log("Error");
    30.             console.log(error);
    31.         }
    32.     });
    33. }