ఏజాక్స్ డేటాబేస్ ఇన్స్టాన్స్

AJAX డేటాబేస్ తో ఇంటరాక్టివ్ కమ్యూనికేషన్ కొరకు ఉపయోగించబడుతుంది.

ఏజాక్స్ డేటాబేస్ ఇన్స్టాన్స్

ఈ ఉదాహరణలో మీరు చూడగలరు: వెబ్సైటు ఎలా AJAX ద్వారా డేటాబేస్ నుండి సమాచారాన్ని పదిలుస్తుంది:

ఉదాహరణ

కస్టమర్ సమాచారం ఇక్కడ జాబితాభాగంగా ప్రదర్శించబడుతుంది.

నేను ప్రయత్నించండి

ఉదాహరణ వివరణ - showCustomer() ఫంక్షన్

మీరు పైని నివృత్తి జాబితాలో కస్టమర్ను ఎంచుకున్నప్పుడు "showCustomer()" ఫంక్షన్ ని నిర్వహించండి. ఈ ఫంక్షన్ ఈ కి అనుసంధానమైనది: onchange ఇవ్వబడిన సంఘటన:

showCustomer

function showCustomer(str) {
  var xhttp; 
  if (str == "") {
    document.getElementById("txtHint").innerHTML = "";
    return;
  }
  xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState  == 4 && this.status == 200) {
    document.getElementById("txtHint").innerHTML  = this.responseText;
    }
  };
  xhttp.open("GET",  "getcustomer.asp?q=" + str, true);
  xhttp.send();
}

showCustomer() ఫంక్షన్ ఈ ప్రకారం నిర్వహిస్తుంది:

  • కస్టమర్ను ఎంచుకున్నారా పరిశీలించండి
  • XMLHttpRequest ఆబ్జెక్ట్ ని సృష్టించండి
  • సర్వర్ ప్రతిస్పందించినప్పుడు నిర్వహించే ఫంక్షన్ ని సృష్టించండి
  • సర్వర్పై ఫైలుకు అభ్యర్ధనను పంపండి
  • మీరు నివృత్తి జాబితాలో ఎంచుకున్న పారామీటర్ q ను URL కి (డౌన్ లిస్ట్ కంటెంట్ తో) జోడించడం నిర్ణయించండి

AJAX సర్వర్ పేజీ

మొదటి జావాస్క్రిప్ట్ కి అనుసంధానమైన సర్వర్ పేజీ "getcustomer.asp" పేరు కలిగిన ASP ఫైలు.

PHP లేదా ఇతర సర్వర్ భాషలతో ఈ సర్వర్ ఫైల్ని సులభంగా పునర్లేఖించవచ్చు.

సంబంధిత PHP ఉదాహరణను చూడండి。

సంకేతపత్రం "getcustomer.asp" లోని మూలకోడ్ లో డేటాబేస్ అనుసంధానాన్ని నిర్వహించి హైలైట్ పేజీలో ఫలితాలను ప్రదర్శిస్తుంది:

<%
response.expires=-1
sql="SELECT * FROM CUSTOMERS WHERE CUSTOMERID="
sql=sql & "'" & request.querystring("q") & "'"
set conn=Server.CreateObject("ADODB.Connection")
conn.Provider="Microsoft.Jet.OLEDB.4.0"
conn.Open(Server.Mappath("customers.mdb"))
set rs=Server.CreateObject("ADODB.recordset")
rs.Open sql,conn
response.write("<table>")
రెస్ ఈఒఎఫ్ ఎఫ్ వరకు చేయండి
 ప్రతి ఒక్క x లో ఉన్న రెస్ ఫీల్డ్స్ లో
   response.write("<tr><td><b>" & x.name & "</b></td>")
   response.write("<td>" & x.value & "</td></tr>")
 తదుపరి
 rs.MoveNext
లూప్
response.write("</table>")
%>