Ở đây tôi sẽ chia sẻ một cơ sở dữ liệu hữu ích đó là danh sách mã STD của Ấn Độ trong MYSQL và EXCEL với tập lệnh STD Code finder trong PHP, MYSQL, JQUERY.
Nếu bạn đang có kế hoạch tạo bất kỳ trang web viễn thông nào thì nó có thể giúp ích cho bạn, Ở đây tôi đã chia sẻ cơ sở dữ liệu đầy đủ với script, Trong tập lệnh tìm mã STD, tôi đã sử dụng tính năng tự động hoàn thành jquery, Bạn có thể đọc hướng dẫn cách tạo tự động hoàn thành / tự động -sao nhất
Vì vậy, chúng ta hãy bắt đầu hướng dẫn
Tạo tệp html của bạn. với một số css và javascript bắt buộc, đừng quên bao gồm thư viện jquery.
index.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> |
Tạo tệp máy chủ để tìm nạp dữ liệu từ cơ sở dữ liệu và trả về ở định dạng 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);
}
?> |
Sử dụng nút bên dưới để xem bản trình diễn trực tiếp và tải xuống mã nguồn với cơ sở dữ liệu.
| DEMO | TẢI XUỐNG |
