如何通過單擊單選按鈕從mysql數據庫中獲取行值並填充文本框，而無需刷新php中的頁面？

Question

我想通過單擊單選按鈕來獲取數據庫值並填充到html文本框中，而無需刷新php中的頁面。 我怎樣才能做到這一點。

例-

數據庫值

Emp_Id-1

名字-邁克

行業-IT

國家-英國

HTML顯示是這樣的-

 <input type='radio'> | 1 | Mike | IT | UK | 

現在，如果我單擊單選按鈕，則它必須填充我的html頁面HTML文本框中的所有文本框-

 Employee ID : <input type='text' value='1'> <br> <br> Name : <input type='text' value='Mike'> <br> <br> Working Industry : <input type='text' value='IT'> <br> <br> Country : <input type='text' value='UK'> 

希望您能理解我的要求並盡早為我提供幫助。

Answer 1

您可以將AJAX請求發送到php腳本，並使其返回包含要在JavaScript中解析的數據的json字符串，或者僅返回要顯示的html結構。

jQuery具有非常易於使用的AJAX函數。

Answer 2

您可以借助jQuery的“ parseJSON”方法來完成此操作。 您需要做的就是創建一個Json字符串並將其保留為單選按鈕值。

$json = json_encode(array("id" => "1", "name" => "Mike", "dept" => "IT", 
"country" => "UK"));
echo '<input type="radio" name="employee" value="' . $json . '">";

然后您可以在jQuery中獲得此值。 像這樣：

var radioValue = $("input[name='employee']:checked").val();

然后解析json數據，如下所示：

var obj = jQuery.parseJSON( radioValue );

並將值分配給文本框，例如：

//HTML
Employee ID : <input type='text' id='id' value=''>
Name : <input type='text' id='name' value=''>

// jQuery
$('#id').val(obj.id);
$('#name').val(obj.name);

這樣，您可以獲得所需的結果。 希望這可以幫助。