2015-10-23 58 views
0

我的ajax代碼無法正常工作,我試圖將腳本中的colorit值傳遞給我的控制器(php),但ajax沒有任何效果。輸出'成功'的警報框!沒有彈出並且警報(colorit)。但如果我評論ajax代碼,警報(colorit)會彈出。我的ajax代碼有什麼錯誤嗎?請幫忙。 TNX。對不起,我是新來的。使用Ajax將值傳遞給我的PHP

腳本

$(".colorselector_1").change(function() { 
     var colorit = document.getElementById("colorselector_1").value; 
     alert(colorit); 
     $.ajax({  
      url: '/addItemColor', 
      type: 'GET', 
      data: {'colorit':colorit}, 
      success:function(data){ 
       alert('success!'); 
      }      
     });    
}); 

HTML

<select id="colorselector_1" class="colorselector_1"> 
<option value="#A0522D" data-color="#A0522D">sienna</option> 
<option value="#CD5C5C" data-color="#CD5C5C" selected="selected">indianred</option> 
</select> 

路線

Route::get('addItemColor','[email protected]'); 

控制器

public function addItemColor(){ 
.......} 

回答

1

我可以提出一些建議嗎?

首先,這就是爲什麼你有像「錯誤」的變量。所以,你應該做的第一件事就是進行相應的更改代碼:

$(".colorselector_1").change(function() { 
    var colorit = document.getElementById("colorselector_1").value; 
    alert(colorit); 
    $.ajax({  
     url: '/addItemColor', 
     type: 'GET', 
     data: 'colorit':colorit, 
     success:function(data){ 
      alert('success!')}, 
     error:function(data){ 
      console.log(data); 
     alert('error');   
     }      
    }); 
}); 

另一件事要記住的是,你必須在開發工具網絡面板,您可以看到所有所做的電話,他們是否有成功迴應與否,例如在Chrome瀏覽器中訪問更多工具 - >開發人員工具。這兩個將幫助你找到「自己是否有某種東西」的答案,比如說URL是否有錯等等。

Network panel of dev tools

+1

非常感謝你的幫助:) – Gabe

0

請確保您在$.ajax函數中指向右邊的url

+0

tnx爲rply。我試過url:'addItemColor',但它沒有工作。任何建議? – Gabe