Php 使用jquery在单击按钮上获取公司详细信息
我创建了一个表作为公司列表。此表由以下字段组成 1公司名称2国家3垂直 因此,假设有5家公司,如下所示 公司名称:水、地球、太阳、月亮、星星 国家:水=英国,地球=英国,太阳=澳大利亚,月亮=印度,星星=德国 垂直方向:水,地球,太阳=世界自然基金会和月球,恒星=社会福利 第一个HTML是一个用于筛选的选择选项 第一国家队第二纵队 所以,如果我选择了英国国家,垂直应该自动选择WWF排除澳大利亚国家公司名称 现在,发布此“我有”按钮,首先获取符合上述条件的单个公司详细信息 我设计的代码并没有添加一个过滤器,它确实能吸引所有公司 请帮忙 1索引页Php 使用jquery在单击按钮上获取公司详细信息,php,jquery,Php,Jquery,我创建了一个表作为公司列表。此表由以下字段组成 1公司名称2国家3垂直 因此,假设有5家公司,如下所示 公司名称:水、地球、太阳、月亮、星星 国家:水=英国,地球=英国,太阳=澳大利亚,月亮=印度,星星=德国 垂直方向:水,地球,太阳=世界自然基金会和月球,恒星=社会福利 第一个HTML是一个用于筛选的选择选项 第一国家队第二纵队 所以,如果我选择了英国国家,垂直应该自动选择WWF排除澳大利亚国家公司名称 现在,发布此“我有”按钮,首先获取符合上述条件的单个公司详细信息 我设计的代码并没有添加一
<?php
$conn = mysqli_connect("localhost","root","","accounts");
$sql = "SELECT * FROM company_list";
$res= mysqli_query($conn,$sql);
$res1=mysqli_query($conn,$sql);
?>
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
<!-- Bootstrap 3.3.7 -->
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.min.css">
<!-- Ionicons -->
<link rel="stylesheet" href="bower_components/Ionicons/css/ionicons.min.css">
<!-- DataTables -->
<link rel="stylesheet" href="bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="dist/css/AdminLTE.min.css">
<!-- AdminLTE Skins. Choose a skin from the css/skins
folder instead of downloading all of them to reduce the load. -->
<link rel="stylesheet" href="dist/css/skins/_all-skins.min.css">
<style media="screen">
.navbar-inverse {
background-color: #4a8cbb;
border-color: #4a8cbb;
}
#row1{
margin-left: 100px;
}
</style>
</head>
<body>
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<select class="form-control">
<?php while ($row=mysqli_fetch_array($res)):; ?>
<option value="">SELECT COUNTRY</option>
<option value=""><?php echo $row['country']; ?></option>
<?php endwhile; ?>
</select>
</div>
<div class="navbar-header" id="row1">
<select class="form-control">
<?php while ($row1=mysqli_fetch_array($res1)):; ?>
<option value="">SELECT VERTICAL</option>
<option value=""><?php echo $row1['vertical']; ?></option>
<?php endwhile; ?>
</select>
</div>
<div class="navbar-header" id="row1">
<button id="fetch_company" class="btn btn-success btn-lg btn-block btn-huge">FETCH COMPANY DETAILS</button>
</div>
</div>
</nav>
<div class="row">
<div class="col-md-3">
Company Name:<span id="com_get_data"></span>
</div>
</div>
</body>
<script type="text/javascript" src="bower_components/jquery/dist/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var count = 0;
$("#fetch_company").click(function(){
//alert("Working");
count = count + 1;
$("#com_get_data").load("get_data.php",{countNew:count});
});
});
</script>
</html>
2Get_data.php
<?php
$conn = mysqli_connect("localhost","root","","accounts");
$countNew = $_POST['countNew'];
$sql = "SELECT * FROM company_list LIMIT $countNew";
$res = mysqli_query($conn,$sql);
if (mysqli_num_rows($res) > 0) {
while ($row = mysqli_fetch_array($res)) {
echo $row['company_name'];
}
}
?>
请使用$.ajax进行检查
Jquery代码
Php代码
注意:在这里,通过循环获取数据,您需要在JSON中返回数据之后添加字符串数组中的数据
请查看此处以了解更多详细信息使用$\u GET[countNew]eaither use$。ajax内置post方法感谢您的回复,您的代码与我的代码具有相同的功能。我们如何确保fetch company属于所选国家/地区,并从顶部的select选项垂直。谢谢:您不会基于公司id获取公司详细信息?尚未成功,仍在尝试基于下拉列表更改显示公司详细信息的内容?
<script type="text/javascript">
$(document).ready(function(){
var count = 0;
$("#fetch_company").click(function(){
//alert("Working");
count = count + 1;
$.ajax({
type:"POST",
url: "get_data.php",
data:{countNew:count},
cache: false,
success: function(result){
$("#com_get_data").html(result);
}
});
});
});
</script>
<?php
$conn = mysqli_connect("localhost","root","","accounts");
$countNew = $_POST['countNew'];
$sql = "SELECT * FROM company_list LIMIT $countNew";
$res = mysqli_query($conn,$sql);
if (mysqli_num_rows($res) > 0) {
while ($row = mysqli_fetch_array($res)) {
echo $row['company_name'];
}
}
else
{
echo 'No result found';
}
?>