Search pe site cu Ajax
Discutii si intrebari legate de scripturi si functii JavaScript, jQuery si Ajax, cod JavaScript in general.
-
lauma
- Mesaje: 16
Search pe site cu Ajax
Salut! Vreau sa ofer posibilitatea unui search pe site. Imi puteti spune unde am gresit??Ms anticipat.
Acesta este codul meu:
fisierul index.html
Cod: Selectaţi tot
<html>
<head>
<script type="text/javascript" src="search.js"></script>
</head>
<body >
<form name="searchNameForm">
<input type="text" maxlength="60" name="wordToSearchFor" id="edit-name" style="width: 35%" onKeyUp="searchProduct(this.value)" />
</form>
<div id="res" > </div>
</body>
</html>
fisierul search.js
Cod: Selectaţi tot
function GetXmlHttpObject()
{
var objXMLHttp=null
if (window.XMLHttpRequest)
{
objXMLHttp=new XMLHttpRequest()
}
else if (window.ActiveXObject)
{
objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP")
}
return objXMLHttp;
}
var req;
function searchProduct(word)
{
req=GetXmlHttpObject();
if (req == "")
{
alert ("Your browser does not support AJAX!");
return;
}
var url="searchWord.php";
url=url+"?wordToSearchFor"+word;
req.onreadystatechange=function()
{
if (req.readyState == 4)
if (req.status == 200)
if (req.responseText == "")
{
document.getElementById("res").innerHTML="<span style="color:red">The recipe doesn't exist!</span>";
}
else
{
document.getElementById("res").innerHTML=req.responseText;
}
}
req.open("GET",url,true);
req.send(null);
}
fisierul searchWord.php
Cod: Selectaţi tot
include "dbconnect.php";
if (isset($_GET['word']))
$word=trim($_GET['word']);
$data="";
if (!empty($word))
{
$word="%".$word."%";
$result=mysql_query("select name from products where name like '$word'");
$nr=mysql_num_rows($result);
if ($nr)
{
$data.="<ul>";
while ($row=mysql_fetch_row($result))
{
$data.="<li><i><b>".$row[0]."</b></i>:".$row[1]."</li>";
}
$data.="</ul>";
}
}
echo $data;
MarPlo
Mesaje: 4343
Salut
Multe greseli in codul functiei searchProduct().
Incearca fisierul search.js cu acest cod:
Cod: Selectaţi tot
function get_XmlHttp() {
// Creaza variabila care va contine instanta la XMLHttpRequest, initial cu valoare nula
var xmlHttp = null;
if(window.XMLHttpRequest) { // Daca browser-ul e Forefox, Opera, Safari, ...
xmlHttp = new XMLHttpRequest();
}
else if(window.ActiveXObject) { // Daca browser-ul este Internet Explorer
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
return xmlHttp;
}
// Functia care trimite datele la un fisier PHP si returneaza raspunsul
function searchProduct(word) {
var cerere_http = get_XmlHttp(); // Apeleaza functia pt. crearea instantei la obiectul XMLHttpRequest
// Creaza adresa URL cu perechea de date indice=valoare
var url = 'searchWord.php?word='+word;
cerere_http.open("GET", url, true); // Creaza cererea
cerere_http.send(null); // Efectueaza trimiterea datelor
// Verifica starea cererii
// Daca raspunsul e primit complet, il transfera in eticheta HTML cu id-ul 'res'
cerere_http.onreadystatechange = function() {
if (cerere_http.readyState == 4) {
document.getElementById('res').innerHTML = cerere_http.responseText;
}
else document.getElementById("res").innerHTML='<span style="color:red">The recipe doesn`t exist!</span>';
}
}
Subiecte similare
-
Post cu Ajax in modal
JavaScript - jQuery - Ajax
Primul mesaj
Bună ziua,
Vreau să trimit în aceeași pagină dar în modal două id-uri. Prin alert(id) îmi arată conținutul postului trimis dar în modal nu imi...
Ultimul mesaj
Nu prea inteleg mecanismul si ce anume nu functioneaza.
Oricum, daca functioneaza cand pui manual id-ul, poate ca problema e de la php.
Trebuie sa...
-
Ordine de executie cu jQuery-AJAX
JavaScript - jQuery - Ajax
Primul mesaj
Am acest cod (ajax este asincron):
function echoHello(){
return $.ajax({
//this will return hello ;
});
}
function echoWorld(){
return world...
Ultimul mesaj
Ajax face un apel către serverul web și este asincron. Nu știi cât va dura pana la raspuns. Este la fel ca:
setTimeout(_ => {...
-
Ajax fade mesaj si redirect dupa un timp
JavaScript - jQuery - Ajax
Primul mesaj
Am codul asta si vreau in loc de input type=button sa fie submit, dar sa imi dea fade la fel in 5 secunde de cand apare eroarea.
Daca schimb cu...
Ultimul mesaj
Am rezolvat,multumesc frumos de ajutor
-
Creare meniu in site cu php
Scripturi de pe site
Primul mesaj
Salut
Am incercat sa pun icons pe primul nivel al meniului din tutorialu tau: Creare site de la zero si nu reusesc sa il adaug pe butonele care...
Ultimul mesaj
Multumes pt ajutor
Este ok acum.
Din exeplul dat de tine am mai vazut ceva intersant si anume acel meniu asa zis breadcrumb cu ce ma selectat deja....
-
Programare Site Sector 5
Discutii si Intrebari Diverse
Salut la toți.
Ce oare poate avea? Nu îmi permite să înregistrez programarea pe site.
Atașez link:...
-
Setare timp de incarcare a site-ului
JavaScript - jQuery - Ajax
Primul mesaj
Am o imaine de incarcare a site-ului în format GIF, dar nu apare fiindca pagina web se încarca în 0,01 secunde.
Este posibil să setez un timp de...
Ultimul mesaj
Iata un exemplu de preloader cu jQuery, cu metoda delay() (2 sec = 2000), adaugata la evenimentul 'load'.
<style>
.loading {
position:...