如何通过单击单选按钮从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);

这样，您可以获得所需的结果。 希望这可以帮助。