۲۸
اردیبهشت

جلسه ۲۶ : آموزش کار با Database در AJAX

دسته‌بندی‌ها :

جزئیات
نوع محتواآموزشی

فهرست

مقدمه

با سلام خدمت کاربران گرامی سایت پی وی لرن و علاقمندان و کاربرانی که علاقمند به یادگیری دوره XML هستند. در جلسه گذشته کار با ASP در AJAX را آموزش دادیم و آموختیم که چطور از آن در AJAX استفاده نماییم. در ادامه این دوره آموزشی و در بیست و ششمین جلسه از سلسله مباحث آموزش XML آموزش کار با Database در AJAX را ارائه می نماییم.

آموزش کار با Database در AJAX

آموزش کار با Database در AJAX را با یک مثال آغاز می کنیم.
به مثال زیر توجه نمایید.

مثال :

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.php?q="+str, true);
  xhttp.send();
}

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.php?q="+str, true);

xhttp.send();

}

در تابع بالا یعنی تابع ()showCustomer موارد زیر را انجام می دهد:

چک می کند که customer انتخاب شده باشد.
یک XMLHttpRequest object را ایجاد می نماید.
یک تابع ایجاد می کند که هنگام آماده شدن پاسخ سرور، اجرا شود.
یک درخواست به فایل در سرور ارسال می کند.
توجه داشته باشید که پارامتر (q) به URL اضافه می شود (با محتوای لیست کشویی).

صفحه سرور AJAX

صفحه سرور تحت نام جاوا اسکریپت یک فایل PHP با نام getcustomer.php است.
کد منبع در “getcustomer.php” در برابر پایگاه داده یا دیتابیس ما یک کوئری را اجرا می کند و نتیجه را در یک جدول HTML باز گردانی می نماید:

مثال :

<?php
$mysqli = new mysqli("servername", "username", "password", "dbname");
if($mysqli->connect_error) {
  exit('Could not connect');
}

$sql = "SELECT customerid, companyname, contactname, address, city, postalcode, country
FROM customers WHERE customerid = ?";

$stmt = $mysqli->prepare($sql);
$stmt->bind_param("s", $_GET['q']);
$stmt->execute();
$stmt->store_result();
$stmt->bind_result($cid, $cname, $name, $adr, $city, $pcode, $country);
$stmt->fetch();
$stmt->close();

echo "<table>";
echo "<tr>";
echo "<th>CustomerID</th>";
echo "<td>" . $cid . "</td>";
echo "<th>CompanyName</th>";
echo "<td>" . $cname . "</td>";
echo "<th>ContactName</th>";
echo "<td>" . $name . "</td>";
echo "<th>Address</th>";
echo "<td>" . $adr . "</td>";
echo "<th>City</th>";
echo "<td>" . $city . "</td>";
echo "<th>PostalCode</th>";
echo "<td>" . $pcode . "</td>";
echo "<th>Country</th>";
echo "<td>" . $country . "</td>";
echo "</tr>";
echo "</table>";
?>

<?php

$mysqli = new mysqli("servername", "username", "password", "dbname");

if($mysqli->connect_error) {

exit('Could not connect');

}

$sql = "SELECT customerid, companyname, contactname, address, city, postalcode, country

FROM customers WHERE customerid = ?";

$stmt = $mysqli->prepare($sql);

$stmt->bind_param("s", $_GET['q']);

$stmt->execute();

$stmt->store_result();

$stmt->bind_result($cid, $cname, $name, $adr, $city, $pcode, $country);

$stmt->fetch();

$stmt->close();

echo "<table>";

echo "<tr>";

echo "<th>CustomerID</th>";

echo "<td>" . $cid . "</td>";

echo "<th>CompanyName</th>";

echo "<td>" . $cname . "</td>";

echo "<th>ContactName</th>";

echo "<td>" . $name . "</td>";

echo "<th>Address</th>";

echo "<td>" . $adr . "</td>";

echo "<th>City</th>";

echo "<td>" . $city . "</td>";

echo "<th>PostalCode</th>";

echo "<td>" . $pcode . "</td>";

echo "<th>Country</th>";

echo "<td>" . $country . "</td>";

echo "</tr>";

echo "</table>";

کلام آخر

در این جلسه آموزش کار با Database در AJAX را ارائه نمودیم.
تعاملی بودن AJAX این قابلیت را در آن ایجاد کرده است که بتواند به گونه ای موثر و پایدار علاوه بر PHP و ASP با پایگاه داده نیز تعامل ایجاد نماید.
در جلسه بعد که آخرین جلسه از فصل آموزشی AJAX است شما را با applications ها و کار با آن ها در AJAX آشنا می نماییم.
با پی وی لرن همراه باشید.

QR: جلسه ۲۶ : آموزش کار با Database در AJAX

به اشتراک بگذارید

آموزش XML ,آموزش کار با Database در AJAX ,صفحه سرور AJAX

دیدگاه کاربران

تعداد دیدگاه : 0

پی وی لرن – آموزش برنامه نویسی و طراحی وب سایت

دوره های آموزشی آکادمی پی وی لرن (پروژه محور و ویژه بازار کار)

جلسه ۲۶ : آموزش کار با Database در AJAX

مقدمه

آموزش کار با Database در AJAX

صفحه سرور AJAX

کلام آخر

لیست مطالب دوره

XML AJAX

XML DOM

XPath Tutorial

XSLT Tutorial

XQuery

DTD

مطالب ویژه

دسته های اصلی

برگه ها

بلاگ