[PHP nâng cao]Xem tỉ giá chứng khoán bằng ajax

Over 4 working discount & coupon codes is active for 61 users, enjoy!

[PHP nâng cao]Xem tỉ giá chứng khoán bằng ajax

Tiếp tục loạt bài PHP nâng cao, hôm nay hocweb tiếp tục gửi đến các bạn một ví dụ Xem tỉ giá chứng khoán bằng ajax.

Kết quả bài tâp này như sau:

ajax

 

Sau khi gõ SCB vào textfield và nhấn button thì kết quả xuất giá chứng khoán sẽ xuất ra 11.2 mà không phải request lại server. Đây là điểm nổi bật của ajax mà hocweb muốn giới thiệu với các bạn trong bài tập này.

Cách thức để làm bài tập này như sau:

Bước 1: Ta xây dưng cơ sỡ dữ liệu để làm bài tập này như sau:

csdl

Bước 2: Ta xây dựng file javascript  scripts.js như sau:

 Ta giải thích 1 chút: 

/*

Tạo object XmlHttpRequest. Vì trinh duyệt IE va Mozilla áp dụng kỹ thuật này theo 2 cách khác nhau,
để đảm bảo tính tương thich, chúng ta sẽ cần phải kiểm tra xem người dùng đang sử dụng trình duyệt nào
và tạo đối tượng XmlHttpRequest theo phương thức hỗ trợ bởi trình duyệt đó.

*/

/*
Hàm (function) processReqChange là hàm chịu trách nhiệm chính xử lý việc gởi dữ liệu và nhận dữ liệu
Các bước mà hàm này thực hiện
1. Đợi cho máy chủ phản hồi thông báo là nó đã xử lý xong.
2. Đọc thông báo từ máy chủ (máy chủ sẽ gửi status =200 nên xử lý thành công, 404 khi file không tìm thấy .. )
Nếu máy chủ nói là xử lý thành công thì tiếp tục bước tiếp theo.
3. httpRequest.responseText – Trang web được trả lại dưới dạng chuỗi văn bản.

*/

Bước 2:

document.getElementById(“gia1”).innerHTML=req.responseText;

giá trị văn bản trả về ở bước 1 với id là “gia1”

Ta xây dựng giao diện để nhập đầu vào ra nơi biến xuất ra kết quả .

ajax

Code của giao diện trên như sau:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>

Đoạn code  <div id=”gia1″></div> là nơi dữ liệu được show ra từ cơ cỡ dữ liệu. Vậy cơ sỡ dữ liệu ở đâu ?

Ta qua bước 3:

Ta xây dựng file proccess.php để lấy dữ liệu từ cơ sỡ dữ liệu như sau:

Ở đây  File dbcon.php giống các bài tập trước.

Ta có kết luận của bài tập này là: Việc show dữ liệu lúc này dựa vào file js chứ không sử dụng trưc tiếp gọi file proccess.php giống như các bài tập show dữ liệu hôm trước chúng ta làm

Chúc các bạn vui với bài tập thú vị này.

 

It's only fair to share...Share on FacebookShare on Google+Tweet about this on TwitterShare on LinkedIn

No Comments

Leave Comment

Your email address will not be published.

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">


*