ajax 请求的动态 URL答案

【问题标题】：Dynamic URL for ajax requestajax 请求的动态 URL
【发布时间】：2019-12-26 22:09:08
【问题描述】：

我正在尝试使用 ajax 在顶部导航栏上创建一个搜索字段。由于它在导航栏上，它必须出现在所有页面上，因此 URL 不断变化。

$.ajax({
            type: 'GET',
            url: CURRENT_URL,
            dataType: 'json',
            data: {
                search: userSearch
            },
            success: function (){...

我正在使用 Laravel，所以我在导航栏页面上尝试了这个：

<script>
            var CURRENT_URL = "{{url()->current()}}"
</script>

如果我尝试通过控制台记录 CURRENT_URL，它会显示得很好，但 ajax 会给出错误“源映射错误：错误：请求失败，状态为 404”。如何将当前 URL 插入到 ajax 请求中？

【问题讨论】：

打印的网址是什么？ “它不起作用”是什么意思？
打印的 url 是我当前所在的任何页面。例如，如果它是主页，那么它是localhost/FINAL/public
给出“源映射错误：错误：请求失败，状态为 404”
如果您在其他文件夹中怎么办？如果您在本地主机中，则必须在本地创建一个域才能允许覆盖 url...
使用location.href

标签： php jquery ajax laravel

【解决方案1】：

您可以使用 location.href 代替 CURRENT_URL

$.ajax({
            type: 'GET',
            url: location.href,
            dataType: 'json',
            data: {
                search: userSearch
            },
            success: function (){...

或

<script>
            var CURRENT_URL = location.href;
</script>

【讨论】：

【解决方案2】：

希望这会有所帮助。这是我动态创建我的 url 的方法我以每种形式获取 URL var URL = $('#example_form').prop('action'); 然后 URL 变量必须通过 Js/Jquery 附加或设置。查看下面的示例。

<script type="text/javascript">
var URL = $('#example_form').prop('action');
$.ajax({
      type:'GET',
      url: URL+'/clearContent',
      beforeSend: function (xhr) {
        var TOKEN = $('meta[name="csrf-token"]').attr('content');
        if (TOKEN) {
          return xhr.setRequestHeader('X-CSRF-TOKEN', TOKEN);
        }
      },
      data:{
        get_category_id : $('.parent-id').val(),
      },
      success:function(data){
        if (data.response.status == true) {
          // your codes here
        }
      }, 
      dataType: 'json',
      complete: function () {}
    });

【讨论】：