Получить информацию о компании по нажатию на кнопку, используя jquery - PullRequest
0 голосов
/ 07 ноября 2019

Я создал таблицу как company_list. Эта таблица состоит из следующих полей

1) Название компании 2) Страна 3) Вертикальная

Итак, предположим, что есть 5 компаний следующим образом

Название компании: Вода, Земля, Солнце, Луна, Звезда

Страны: Вода = Великобритания, Земля = Великобритания, Солнце = Австралия, Луна = Индия, Звезда = Германия

По вертикали: Вода, Земля, Солнце = WWF иЛуна, Звезда = Социальное обеспечение

Первый HTML - это опция выбора для фильтрации по

1-я страна 2-я вертикаль

Поэтому, если я выбрал страну Великобритания, по вертикали должен автоматически выбираться WWF(исключая название компании в стране AUS)

Теперь, опубликуйте эту кнопку «У меня есть», чтобы сначала ПОЛУЧИТЬ ДЕТАЛИ О КОМПАНИИ, соответствующие приведенному выше условию.

Код, который я разработал, не добавляет фильтр и выполняетвыбирайте каждую компанию.

Пожалуйста, помогите с этим.

1) страница индекса

<?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>

2) Get_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'];
}
}
 ?>

1 Ответ

0 голосов
/ 07 ноября 2019

Пожалуйста, проверьте, используя $.ajax

Jquery Code

<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 Code

<?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';
}
 ?>

Примечание: здесь вы циклически выбираете данные, необходимые для добавления данных в string array, после чего возвращаете данные в JSON

Пожалуйста, проверьте здесь для получения более подробной информации Нажмите здесь

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...