AJAX Search trong PHP | 297 bài hướng dẫn PHP hay nhất php ajax search
Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (298.81 KB, 4 trang )
/>
Copyright © vietjack.com
AJAX Search trong PHP
AJAX được sử dụng để giao tiếp với các Webpage và WebServer. Dưới đây là ví dụ minh họa một
trường Search bởi sử dụng với AJAX.
<html>
<head>
<style>
span{
color: green;
}
</style>
<script>
function showHint(str) {
if (str.length == 0) {
document.getElementById("txtHint").innerHTML = "";
return;
}
else
{
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
document.getElementById("txtHint").innerHTML = xmlhttp.responseText;
}
}
xmlhttp.open("GET", "php_ajax.php?q=" + str, true);
xmlhttp.send();
}
}
</script>
Trang chia sẻ các bài học online miễn phí
Page 1
/>
Copyright © vietjack.com
</head>
<body>
<b>Search your favourite tutorials:</b>
<form>
<input type="text" onkeyup="showHint(this.value)">
</form>
Entered Course name: <span id="txtHint"></span>
</body>
</html>
Code trên mở một file có tên php_ajax.php bởi sử dụng phương thức GET, vì thế chúng ta cần tạo
một file có tên php_ajax.php trong cùng thư mục và output sẽ được đính kèm với txtHint.
Tệp php_ajax.php
File này chứa mảng tên khóa học và nó trả về giá trị tới trình duyệt web.
// Array with names
$a[] = "Android";
$a[] = "B programming language";
$a[] = "C programming language";
$a[] = "D programming language";
$a[] = "euphoria";
$a[] = "F#";
$a[] = "GWT";
$a[] = "HTML5";
$a[] = "ibatis";
$a[] = "Java";
$a[] = "K programming language";
Trang chia sẻ các bài học online miễn phí
Page 2
/>
Copyright © vietjack.com
$a[] = "Lisp";
$a[] = "Microsoft technologies";
$a[] = "Networking";
$a[] = "Open Source";
$a[] = "Prototype";
$a[] = "QC";
$a[] = "Restful web services";
$a[] = "Scrum";
$a[] = "Testing";
$a[] = "UML";
$a[] = "VB Script";
$a[] = "Web Technologies";
$a[] = "Xerox Technology";
$a[] = "YQL";
$a[] = "ZOPL";
$q = $_REQUEST["q"];
$hint = "";
if ($q !== "") {
$q = strtolower($q);
$len=strlen($q);
foreach($a as $name) {
if (stristr($q, substr($name, 0, $len))) {
if ($hint === "") {
$hint = $name;
}
else
{
$hint .= ", $name";
}
Trang chia sẻ các bài học online miễn phí
Page 3
/>
Copyright © vietjack.com
}
}
}
echo $hint === "" ? "Please enter a valid course name" : $hint;
?>
Trang chia sẻ các bài học online miễn phí
Page 4
