AJAX Database ਉਦਾਹਰਣ

AJAX ਡਾਟਾਬੇਸ ਨਾਲ ਇੰਟਰੈਕਟਿਵ ਕਮਿਊਨੀਕੇਸ਼ਨ ਲਈ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ。

AJAX Database ਉਦਾਹਰਣ

ਹੇਠ ਦੇ ਉਦਾਹਰਣ ਵਿੱਚ: ਵੈੱਬਸਾਈਟ ਕਿਵੇਂ 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 ਯੂਆਰਐੱਲ ਵਿੱਚ ਜੋੜਿਆ ਗਿਆ ਹੈ (ਡਾਊਨ ਲਿਸਟ ਵਾਲੀ ਸਮਗਰੀ ਨਾਲ):

AJAX ਸਰਵਰ ਪੇਜ

ਜੋ ਜਾਵਾਸਕ੍ਰਿਪਟ ਵਲੋਂ ਬੁਲਾਇਆ ਗਿਆ ਹੈ ਉਹ ਨਾਮ 'getcustomer.asp' ਵਾਲਾ ASP ਫਾਈਲ ਹੈ。

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>")
do until rs.EOF
 for each x in rs.Fields
   response.write("<tr><td><b>" & x.name & "</b></td>")
   response.write("<td>" & x.value & "</td></tr>")
 next
 rs.MoveNext
loop
response.write("</table>")
%>