编辑 headers 的 fancybox ajax 请求

Question

您好，我正在尝试在打开 fancybox 时更改 ajax 请求 headers。到目前为止，即使根据文档，我似乎也无法使其工作。在声明类型为 ajax 之后，我应该能够根据 jquery 文档编辑 ajax。

到目前为止它确实有效没有像这样headers（点击事件时一切都在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 请求中添加 headers 的经验？

Answer 1

脚本合并 ajax 选项并传递给 jQuery ajax 方法 - http://api.jquery.com/jquery.ajax/ - 作为设置，一切正常。

Answer 2

在 fancybox ajax 内添加 headers 请求：

<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>

编辑 headers 的 fancybox ajax 请求

Edit headers of fancybox ajax request

ajax

jquery

fancybox

http-headers