Редактировать заголовки запроса fancybox ajax - PullRequest
0 голосов
/ 29 мая 2019

Здравствуйте. Я пытаюсь изменить заголовки ajax-запроса при открытии fancybox. Пока я не могу заставить его работать даже в соответствии с документацией. После указания типа ajax я должен иметь возможность редактировать ajax в соответствии с документацией jquery.

Пока работает без таких заголовков (все находится внутри события jQ при нажатии):

$.fancybox.open( $(this), {
        type: 'ajax',
        helpers: {
            overlay: {
                locked: false
            }
        }
    });

Проблема возникает, когда я пытаюсь изменить запрос AJAX. Это то, что я пытался, и не работает :

$.fancybox.open({
            type: 'ajax',
            ajax: {
                url: siteUrl + href,
                type: 'GET',
                headers: {
                    'fooheader' : 'bar'
                }
            },
            helpers: {
                overlay: {
                    locked: false
                }
            }
        });

Что происходит, когда я выполняю предыдущий код, так это то, что он перенаправляет меня обратно на ту же страницу, с которой я нажал.

У кого-нибудь есть опыт добавления заголовков в запросе fancybox ajax?

Ответы [ 2 ]

1 голос
/ 29 мая 2019

Добавление заголовков в запрос ajax fancybox:

<a href="javascript:void(0);" id="linkName" class="fancybox" >Fancybox Link Name</a>

 <script type="text/javascript">
      $(document).ready(function() {
        var name = "This is text that will be send into ajax request";              
        $("#linkName").click(function() {
          $.fancybox.showLoading(); //Loader before the ajax request
          $.ajax({
              type : "POST",
            headers: {
                  'Authorization':'Basic xxxxxxxxxxxxx',
                  'X-CSRF-TOKEN':'xxxxxxxxxxxxxxxxxxxx',
                  'Content-Type':'application/json' },
            cache : false,
            url : "testfile.php",   //File url
            data  : 'myText=' + name, //Ajax requested data
            success : function(data) {
              $.fancybox(data);  //Get response into data variable
            }
          });
          return false;
        });
      });
    </script>
0 голосов
/ 29 мая 2019

Скрипт объединяет опцию ajax и переходит к методу jQuery ajax - http://api.jquery.com/jquery.ajax/ - в качестве настроек и все работает нормально.

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