Mysql
 sql >> база данни >  >> RDS >> Mysql

Пинкод база данни на Индия със скрипт за намиране на местоположение в php и jquery

В тази публикация ще ви дам много полезен скрипт и база данни за вашите проекти. Всеки орган има нужда от това, когато хората са работили по всякакви проекти, базирани на корабоплаване и други проекти, базирани на пощенски услуги.

Така че тук ще ви покажа как да създадете много прост скрипт за намиране на местоположение чрез пинкод, използвайки php, jquery и mysql.





Можете също изтеглете безплатно база данни с пинкод/пощенски код/пощенски кодове на Индия.

ДЕМО ИЗТЕГЛЯНЕ

Да започнем урока.

Създайте база данни и таблица.

CREATE TABLE IF NOT EXISTS `pincodes` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `pincode` varchar(50) DEFAULT NULL,
  `divisionname` varchar(100) DEFAULT NULL,
  `egionname` varchar(100) DEFAULT NULL,
  `circlename` varchar(100) DEFAULT NULL,
  `taluk` varchar(100) DEFAULT NULL,
  `districtname` varchar(100) DEFAULT NULL,
  `statename` varchar(100) DEFAULT NULL,
  PRIMARY KEY (`id`)
) ENGINE=MyISAM  DEFAULT CHARSET=latin1;



Създайте html файл, в който ще поставите целия си код на ниво потребителски интерфейс.
Тук използвах плъгин за автоматично довършване на jquery-ui. Можете да препоръчате този урок за създаване на функция за автоматично довършване/автоматично предлагане за вашия уебсайт:http ://www.iamrohit.in/simple-auto-suggest-example-using-php-jquery-and-mysql/

index.html

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Simple location locator by pincode</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>Find location by entering pincode</h3>
    <div class="ui-widget">
  <input type="text" id="country" name="country" placeholder="Enter pincode" width="40%"><br/>
  <span style="color:red;"> Enter at least 3 digit to show auto-complete.
</div>
<div> Taluka: <span id="taluka"></span><br/>
 Division Name: <span id="divison"></span><br/>
  Region Name: <span id="reg"></span><br/>
  Circle Name: <span id="cir"></span><br/>
   State Name: <span id="state"></span><br/>
</div>
  <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() {
   $( "#country" ).autocomplete({
      source: function( request, response ) {
        $.ajax({
          url: "request.php",
          dataType: "json",
          data: {
            q: request.term
          },
          success: function( data ) {
            response( data );
          }
        });
      },
      minLength: 3,  // Set minum input length
      select: function( event, ui ) {
            //do something on select event
            var vl = ui.item.id;      
            var data = vl.split("-");
            console.log(data);
            $("#taluka").html(data[3]);
            $("#divison").html(data[0]);
            $("#reg").html(data[1]);
            $("#cir").html(data[2]);
            $("#state").html(data[4]);
        //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>

Сега е време да създадете сървърен файл, който ще извлече данни за пинкод от вашата mysql база данни и ще ви даде желания изход, можете да модифицирате този файл според вашите нужди.

request.php

<?php
// Remove blow comments from header If  you are making calls from another server
/*
header("Access-Control-Allow-Origin: *");
*/
 
header('Content-Type: application/json');
error_reporting(0);
//ini_set('display_errors',1);
$hostname = "localhost";
$username = "root";
$password = "root";
$dbname = "pincodes";
$q = $_GET['q'];
if(isset($q) || !empty($q)) {
    $con = mysqli_connect($hostname, $username, $password, $dbname);
    $query = "SELECT * FROM pincodes WHERE pincode LIKE '$q%'";
    $result = mysqli_query($con, $query);
    $res = array();
    while($resultSet = mysqli_fetch_assoc($result)) {
     $res[$resultSet['id']]['id'] =  $resultSet['divisionname']."-".$resultSet['egionname']."-".$resultSet['circlename']."-".$resultSet['taluk']."-".$resultSet['statename'];
     $res[$resultSet['id']]['value'] =  $resultSet['pincode'];
    $res[$resultSet['id']]['label'] =  $resultSet['pincode'];
 
    }
    if(!$res) {
        $res[0] = 'Not found!';
    }
    echo json_encode($res);
}
 
?>

Структурата на вашата директория ще бъде

+--img
---index.php
---request.php

Ако сте направили всички стъпки успешно, просто натиснете URL адреса на браузъра и вижте демонстрацията.

ДЕМО ИЗТЕГЛЯНЕ

Ако ви харесва тази публикация, моля, не забравяйте да се абонирате за My Public Notebook за още полезни неща.


  1. Database
  2.   
  3. Mysql
  4.   
  5. Oracle
  6.   
  7. Sqlserver
  8.   
  9. PostgreSQL
  10.   
  11. Access
  12.   
  13. SQLite
  14.   
  15. MariaDB
  1. ГРЕШКА:Зареждането на локални данни е деактивирано - това трябва да бъде активирано както от страна на клиента, така и от страна на сървъра

  2. Как да тествате дали даден низ е JSON или не?

  3. Актуализиране на данни в MySQL база данни

  4. Не е намерен доставчик на Entity Framework за доставчик на ADO.NET „MySql.Data.MySqlClient“

  5. Поправете „ГРЕШКА 1054 (42S22):Неизвестна колона „…“ в „клауза за поръчка“, когато използвате UNION в MySQL