我的jquery不能識別變量值有什麼問題

Question

所以我使用加載函數將數據傳遞給另一個名爲compare_proc.php的文件..我創建了一個變量，用於存儲要傳遞的數據，它們是數字..當我提醒這些變量，數據是存在的，但是，當我通過加載功能，將數據傳遞，變量的內容迷路..下面是相關的代碼

<script type="text/javascript"> 

     jQuery(document).ready(function() { 
      jQuery('#mycarousel').jcarousel(); 
      $("a.inline").colorbox({iframe:true, width:"80%", height:"80%"}); 
       $("#opposition a").click(function(e) { 
       var first_id = $(this).attr('id'); // value of first_id is 10 
       var second_id = $("h1").attr('id'); // value of second_id is 20 
       $("div#test").load('compare_proc.php','id=first_id&id2= second_id'); 
       e.preventDefault(); 
       }); 
    }); 

然而，裝載功能通過first_id而不是10到id和second_id而不是20到id2 ..我哪裏錯了？

Answer 1

你需要做字符串連接，因爲first_id和second_id是變量，你需要像'id=' + first_id + '&id2=' + second_id創建一個連接字符串作爲參數

jQuery(document).ready(function() { 
    jQuery('#mycarousel').jcarousel(); 
    $("a.inline").colorbox({iframe:true, width:"80%", height:"80%"}); 

    $("#opposition a").click(function(e) { 
     var first_id = $(this).attr('id'); // value of first_id is 10 
     var second_id = $("h1").attr('id'); // value of second_id is 20 
     $("div#test").load('compare_proc.php','id=' + first_id + '&id2=' + second_id); 
     e.preventDefault(); 
    }); 
}); 

另一種方法是通過將數據作爲一個對象，而不是字符串下面給出的，我喜歡這種方法

jQuery(document).ready(function() { 
    jQuery('#mycarousel').jcarousel(); 
    $("a.inline").colorbox({iframe:true, width:"80%", height:"80%"}); 

    $("#opposition a").click(function(e) { 
     var first_id = $(this).attr('id'); // value of first_id is 10 
     var second_id = $("h1").attr('id'); // value of second_id is 20 
     $("div#test").load('compare_proc.php',{ 
      id:first_id, 
      id2:second_id 
     }); 
     e.preventDefault(); 
    }); 
}); 

Answer 2

只需更換這行：

$("div#test").load('compare_proc.php','id=first_id&id2= second_id'); 

有了這個：

$("div#test").load('compare_proc.php','id=' + first_id + '&id2=' + second_id);