laravel ajax append不起作用

這裏是我的ajax代碼。我正在使用laravel 5.4，我不知道爲什麼append不起作用的問題。laravel ajax append不起作用

$(document).ready(function(){ 
    $(document).on('change','#product_category',function(){ 
     var cat_id = $(this).val(); 
     $.ajax({ 
      type:'get', 
      url:'{!!URL::to('findProductName')!!}', 
      data:{'id':cat_id}, 
      success:function(data){ 
      console.log('success'); 
      console.log(data); 
      //console.log(data.length); 
      var op = ""; 
      op+='<option value="0" selected disabled>Choose Product</option>'; 
      for(var i=0; i<data.length; i++){ 
       op+='<option value="'+data[i].id+'">'+data[i].name+'</option>'; 
      } 
      var div = $(this).parent(); 
      div.find('.choice').html(" "); 
      div.find('.choice').html(op); 
      }, 
      error:function(){ 
      } 
     }); 
     }); 
});

來源

2017-08-01 mao

首先你的ajax獲得成功？並顯示你的html – JYoThI

是的，我獲得成功 – mao

這段代碼硬編碼在

傳遞變量到JavaScript腳本，你應該之前加載實際值分配給一個全局變量ajax腳本。

到刀片模板：

<script> var toUrl = "{!! URL::to('findProductName') !!}"; </script> <script type="text/javascript" src="path/to/ajax/script.js"></script>

然後在你的腳本，你可以做到以下幾點：

{ ... url: toUrl, ... }

或者你可以使用一個laravel庫綁定的JavaScript值到像Transform PHP Vars to JavaScript

來源

2017-08-01 11:01:25 Desh901

相關問題