Contoh pencarian dengan AJAX dan PHP

Contoh pencarian dengan AJAX dan PHP

PHP AJAX

Contoh pencarian dengan AJAX dan PHP Ajax digunakan untuk berkomunikasi dengan halaman web dan server web. Contoh di bawah ini menunjukkan bidang pencarian menggunakan dengan 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>

 

</head>

<body>

 

<p><b>Search your favourite tutorials:</b></p>

 

<form>

<input type = “text” onkeyup = “showHint(this.value)”>

</form>

 

<p>Entered Course name: <span id=”txtHint”></span></p>

 

</body>

</html>

Kode di atas membuka file bernama php_ajax.php dengan menggunakan metode GET, jadi kita perlu membuat file, namanya php_ajax.php di direktori yang sama dan keluaran akan dilampirkan dengan txtHint.

php_ajax.php

Itu berisi berbagai nama kursus dan mengembalikan nilainya ke browser web.

<?php

// 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”;

$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”;

}

}

}

}

echo $hint === “” ? “Please enter a valid course name” : $hint;

?>

Ini akan menghasilkan hasil sebagai berikut –

Pencarian Ajax

 

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *