Ajax请求的动态URL


                    

我正在尝试使用ajax在顶部导航栏上创建搜索字段。 由于它在导航栏上,因此必须在所有页面上显示,因此URL不断变化。 </ p>

  $。ajax({
             输入:“ GET”,
             网址:CURRENT_URL,
             dataType:'json',
             数据:{
                 搜索:userSearch
             },
             成功:功能(){...
</ code> </ pre>

我正在与Laravel合作,所以我在导航栏页面上尝试了此操作:</ p>

  <br>
             var CURRENT_URL =“ {{url()-&gt; current()}}”“<br>
 &lt;/ script&gt;<br>
 &lt;/ code&gt; &lt;/ pre&gt;</p>

<p><p>如果我尝试对其进行控制台记录,则CURRENT_URL可以很好地显示,但是ajax给出了一个错误“源映射错误:错误:请求失败,状态为404”。<br>
 如何将当前URL插入ajax请求中?&lt;/ p&gt;<br>
     &lt;/ div&gt;</p>

展开原文

原文

I'm trying to create a search field on the top navbar with ajax. Since it's on the navbar, it has to be present on all pages, therefore the URL is constantly changing.

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

I'm working with Laravel, so i tried this on the navbar page:

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

The CURRENT_URL is displayed fine if i try to console log it, but ajax gives an error "Source map error: Error: request failed with status 404". How can i insert the current URL into the ajax request?

2个回答


您可以使用location.href代替CURRENT_URL </ p>

  $。ajax({
             输入:“ GET”,
             网址:location.href,
             dataType:'json',
             数据:{
                 搜索:userSearch
             },
             成功:功能(){...
</ code> </ pre>

或</ p>

  <br>
             var CURRENT_URL = location.href;<br>
 &lt;/ script&gt;<br>
 &lt;/ code&gt; &lt;/ pre&gt;<br>
     &lt;/ div&gt;</p>

展开原文

原文

You can use location.href instead of CURRENT_URL

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

or

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


希望这会有所帮助。 这是我动态生成URL的方法,我以每种形式获取URL var URL = $('#example_form')。prop('action'); </ code>,然后必须通过Js附加或设置URL变量 / jQuery。 请在下面查看我的示例。</ p>

  <br>
 var URL = $(&#39;#example_form&#39;)。prop(&#39;action&#39;);<br>
 $ .ajax({<br>
       类型:“ GET”,<br>
       网址:URL +&#39;/ clearContent&#39;,<br>
       beforeSend:函数(xhr){<br>
         var TOKEN = $(&#39;meta [name =“ csrf-token”]&#39;)。attr(&#39;content&#39;);<br>
         如果(令牌){<br>
           返回xhr.setRequestHeader(&#39;X-CSRF-TOKEN&#39;,TOKEN);<br>
         }<br>
       },<br>
       数据:{<br>
         get_category_id:$(&#39;。parent-id&#39;)。val(),<br>
       },<br>
       成功:功能(数据){<br>
         如果(data.response.status == true){<br>
           //您的代码在这里<br>
         }<br>
       },<br>
       dataType:&#39;json&#39;,<br>
       完成:函数(){}<br>
     });<br>
 &lt;/ code&gt; &lt;/ pre&gt;<br>
     &lt;/ div&gt;</p>

展开原文

原文

Hopefully, this can help. Here's my approach to make my url dynamically I get the URL in every forms var URL = $('#example_form').prop('action'); then the URL variable must append or set via Js/Jquery. check my example below.

<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 () {}
    });

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问