Mysql
 sql >> Baza danych >  >> RDS >> Mysql

INDIE, STD Code Finder Script w PHP, MYSQL, JQUERY

Tutaj zamierzam udostępnić jedną użyteczną bazę danych, którą jest lista kodów STD dla Indii w MYSQL i EXCEL ze skryptem wyszukiwania kodów STD w PHP, MYSQL, JQUERY.

Jeśli planujesz stworzyć jakąkolwiek stronę opartą na telekomunikacji to może ci to pomóc, Tutaj udostępniłem pełną bazę danych ze skryptem, W skrypcie wyszukiwania kodu STD użyłem funkcji autouzupełniania jquery, Możesz przeczytać tutorial jak stworzyć autouzupełnianie/auto -proponuj

Zacznijmy więc samouczek

Utwórz swój plik html. przy niektórych css i wymaganym javascript, nie zapomnij dołączyć biblioteki jquery.

indeks.html

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>INDIA, STD Code Finder Script in PHP, MYSQL, JQUERY</title>
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<style>
  .ui-autocomplete-loading {
    background: white url("img/ui-anim_basic_16x16.gif") right center no-repeat;
  }
   .ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
  }
  /* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
  * html .ui-autocomplete {
    height: 100px;
  }
  </style>
</head>
<body>
 
 
<h3>INDIA, STD Code Finder Script in PHP, MYSQL, JQUERY</h3>
	<div class="ui-widget">
  <input type="text" id="std" name="std" placeholder="Type city name or std code" style="width:550px;"><br/>
  <span style="color:red">* Enter atleast 3 character..!! </span>
</div>
<br/><br/>
 
  <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
  <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
  <script>
  $(function() {
   $( "#std" ).autocomplete({
      source: function( request, response ) {
        $.ajax({
          url: "request.php",
          dataType: "json",
          data: {
            q: request.term
          },
          success: function( data ) {
            response( data );
          }
        });
      },
      minLength: 3,
      select: function( event, ui ) {
      	    // do something on select event
        console.log(ui.item); // ui.item is  responded json from server
      },
      open: function() {
                 // D0 something on open event.
      },
      close: function() {
               // Do omething on close event
      }
    });
  });
  </script>
</body>
</html>




Utwórz plik serwera, aby pobrać dane z bazy danych i zwrócić w formacie json.

<?php
$hostname = "localhost";
$username = "username";
$password = "db-password";
$dbname = "database-name";
$q = $_GET['q'];
if(isset($q) || !empty($q)) {
	$con = mysqli_connect($hostname, $username, $password, $dbname);
    $query = "SELECT * FROM stdcodes WHERE CONCAT(city, ' ', stdcode) LIKE '%$q%'";
    $result = mysqli_query($con, $query);
    $res = array();
    while($resultSet = mysqli_fetch_assoc($result)) {
	 $res[$resultSet['id']] = $resultSet['city'].", STD-CODE: ".$resultSet['stdcode'];
    }
    if(!$res) {
    	$res[0] = 'Not found!';
    }
    echo json_encode($res);
}
 
?>

Użyj poniższego przycisku, aby zobaczyć demo na żywo i pobrać kod źródłowy z bazą danych.

DEMO POBIERZ

Jeśli podoba Ci się ten post, nie zapomnij zasubskrybować mojego publicznego notatnika, aby uzyskać więcej przydatnych rzeczy


  1. Database
  2.   
  3. Mysql
  4.   
  5. Oracle
  6.   
  7. Sqlserver
  8.   
  9. PostgreSQL
  10.   
  11. Access
  12.   
  13. SQLite
  14.   
  15. MariaDB
  1. Jak usunąć użytkownika bazy danych MySQL w cPanel?

  2. Python od podstaw:stwórz dynamiczną stronę internetową

  3. Jak przekonwertować z BLOB na TEXT w MySQL?

  4. MySQL InnoDB nie zwalnia miejsca na dysku po usunięciu wierszy danych z tabeli

  5. Jak usunąć domyślną wartość kolumny w MySQL?