PHP AJAX MySql抓取数据单选按钮
PHP AJAX MySql grabbing data - radio button
是否可以通过单击单选按钮显示数据库中的数据。目前我把它设置在一个下拉框中,但我希望它能连接到我的单选按钮。这是我当前的单选按钮代码之一:
<Input type = 'Radio' Name ='compcase' value= '1' />NZXT Phantom Enthusiast USB3.0 Full Tower Case - White <br />
我目前的代码是:
index.php
<script>
function showUser(str) {
if (str=="") {
document.getElementById("txtHint").innerHTML="";
return;
}
if (window.XMLHttpRequest) {
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
} else { // code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function() {
if (xmlhttp.readyState==4 && xmlhttp.status==200) {
document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","getprice.php?q="+str,true);
xmlhttp.send();
}
</script>
<select name="case_price" onchange="showUser(this.value)">
<option value="">Select a processor:</option>
<option value="1">i5 2500k</option>
<option value="2">i5 4970k</option>
<option value="3">i7 4770k</option>
<option value="4">i7 4790k</option>
</select>
<div id="txtHint"><b>Processor listed here</b></div>
getprice.php
<?php
$q = intval($_GET['q']);
$con = mysqli_connect('localhost','root','','test');
if (!$con) {
die('Could not connect: ' . mysqli_error($con));
}
mysqli_select_db($con,"compcase");
$sql="SELECT * FROM compcase WHERE id = '".$q."'";
$result = mysqli_query($con,$sql);
while($row = mysqli_fetch_array($result)) {
echo "<tr>";
echo "<td>" . $row['case_price'] . "</td>";
echo "</tr>";
}
echo "</table>";
mysqli_close($con);
?>
当您要通过ajax从php文件中获取许多数据时,您不知道其中有多少
您必须将数据格式更改为JSON
试试这个:
$q = intval($_GET['q']);
$con = mysqli_connect('localhost','root','','test');
mysqli_select_db($con,"compcase");
$sql="SELECT * FROM compcase WHERE id = '".$q."'";
$result = mysqli_query($con,$sql);
$callBack = json_encode( mysqli_fetch_array($result) );
//then echo that
echo $callback;
mysqli_close($con);
在JavaScript文件中,您可以通过JSON.parse(xmlhttp.responseText);
解析数据
它会返回一个包含数据的数组
我建议您通过以下方式检测数组中的索引名称:console.log(JSON.parse(xmlhttp.responseText));
然后只需按F12并单击控制台
相关文章:
- 数据切换=“;按钮”;在JavaScript中无法识别引导程序单选按钮
- 基于单选按钮和复选框的数据表排序
- 当我单击它时,没有检查带有数据切换=选项卡的单选按钮
- JavaScript / jquery:如果选择了单选按钮并且数据属性符合条件,则添加类
- 如何强制更新Webix数据表中的单选按钮
- 如果选择了..单选按钮,则如何从多行中发送特定行的多个单元格数据
- 未提交单选按钮数据
- 从数据表中选择一行以显示单选按钮值
- 如何在AngularJS(ng-repeat)中获取选定的单选按钮数据
- 从 asp.net 中的数据列表客户端查找单选按钮
- 使用单击单选按钮时的数据自动填充输入字段
- 引导数据切换单选按钮/复选框选中属性
- 使用单选按钮更改数据提供程序
- 如何一次只选择一个单选按钮,并在数据来自数据库时在javascript中取消选择其他单选按钮
- 如何在数据列表中获取选定的单选按钮文本
- Knockout observable可以是绑定到单选按钮值的数据吗
- 使用angular js和单选按钮更新html表中的数据
- 如何检查数据列表中选中了哪个单选按钮
- 使用AJAX发送单选按钮值以获取PHP文件,从而从MySQL中检索数据
- PHP AJAX MySql抓取数据单选按钮