php jquery ajax append（html）in a loop

Question

Function;

<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript"> 
jQuery(function($){ 
function detail(dataone) { 
     $.ajax({ 
     url: "detail.php?name=" + dataone, 
     cache: false 
     }).done(function(html) { 
     $("#detail").append(html); 
     }).fail(function(jqXHR, ajaxOptions, thrownError){ 
     }); 
    } 
}); 
    </script> 

循環在表中;

while ($row=mysql_fetch_array($query)) { 
echo "<tr onclick='detail(".$row['column1'].")'>"; 
    echo '<td scope="row">'.$row['column1'].'</td> 
     <td>'.$row['column2'].'</td> 
    <td>'.$row['column3'].'</td> 

    </tr>'; } 

循環的樣本輸出;

<tr onclick="detail(name)"> 
<td scope="row">name</td> 
<td>value</td> 
<td>value2</td> 
</tr> 

和html;

<div id="detail"></div> 

我只是想發送名稱到detail.php與獲取並返回html輸出到detail div。爲什麼這個功能不起作用？ （什麼也沒有發生在TR上點擊，沒有錯誤）

detail.php

if (isset($_GET['name'])) { 
echo $_GET['name']; } 
else echo "Test"; 

編輯

更改的功能與這一點，它的工作。

var detail = function(dataone) 
{ 
    $.ajax({ url: "detail.php?name=" + dataone, cache: false 
    }).done(function(html) 
{ 
    $("#detail").append(html); 
}).fail(function(jqXHR, ajaxOptions, thrownError){ } 
); 
} 

Answer 1

拳所有的，我建議你通過數據作爲對象常量，使用應用於對象中的數據屬性$阿賈克斯：

data: { name: dataone }, 
dataType: 'html' //since you are fetching HTML 

而且因爲你可能是在結束了錯誤處理程序，現在，你可以添加一個檢查錯誤：

//... 
}).done(function(html) { 
    $("#detail").append(html); 
}).fail(function(jqXHR, ajaxOptions, thrownError){ 
    //handle error 
}); 

這將相當於

$.ajax({ 
//... 
error: function(jqXHR, ajaxOptions, thrownError){ 
    //handle error 
}, 
//... 

thrownError應該告訴你足夠的知道哪裏出了問題。

$(function(){ 

    $('.yourTr').click(function(){ 

      //add ajax stuff here 
    }); 

}); 

Answer 2

我認爲你必須在你的函數的一些錯誤：

jQuery(function($){ 
    function detail(dataone) { 
     $.ajax({ 
       url: "detail.php?name=" + dataone, 
       cache: false 
      }).done(function(html) { 
       $("#detail").append(html); 
      }); //<----------------------------------------this is extra 
      }).fail(function(jqXHR, ajaxOptions, thrownError){ 
      }); 
      }); 
     }; //<-------------------';' 
     //<-------------missing the closing doc ready 

而是嘗試將功能detail()的doc ready之外或者只是remove the doc ready：

function detail(dataone) { 
     $.ajax({ 
     url: "detail.php?name=" + dataone, 
     cache: false 
     }).done(function(html) { 
     $("#detail").append(html); 
     }).fail(function(jqXHR, ajaxOptions, thrownError){ 
     }); 
    }