Web SQL Database trong HTML5 | 44 thẻ HTML5 hay nhất web sql trong html5

http://vietjack.com/html5/index.jsp                                                                                                              Copyright  ©  vietjack.com     Web SQL Database HTML5 Web SQL Database API phần thực HTML5 Specification chi tiết kỹ thuật riêng mà giới thiệu tập hợp API để thao tác sở liệu Client-Site sử dụng SQL Chúng tơi giả sử bạn nhà lập trình web giỏi bạn có nhận thức sâu khái niệm SQL RDBMS Web SQL Database làm việc phiên Safari, Chrome Oprea Các phương thức Core Sau phương thức Core định nghĩa Spec mà đề cập chương hướng dẫn này: • openDatabase: Phương thức tạo đối tượng database sử dụng database tồn tạo database • transaction: Phương thức cho khả kiểm soát transaction thực commit rollback dựa tình • executeSql: Phương thức sử dụng để thực thi truy vấn SQL thực Phương thức openDatabase Phương thức openDatabase mở Database tồn tại, phương thức tạo nó khơng tồn Để tạo mở Database, sử dụng code sau: var db = openDatabase('mydb', '1.0', 'Test DB', * 1024 * 1024); Phương thức nhận tham số sau: • Tên Database • Số phiên • Miêu tả văn • Cỡ Database http://vietjack.com/                                                                                                                              Trang  chia  sẻ  các  bài  học  online  miễn  phí     http://vietjack.com/html5/index.jsp                                                                                                              Copyright  ©  vietjack.com     • Tạo Callback Tham số thứ 5, tạo Callback gọi Database tạo Khơng có tính này, nhiên, Database tạo phiên Thực thi truy vấn Để thực thi truy vấn, bạn sử dụng hàm database.transaction() Hàm cần tham số đơn, mà hàm thực thi truy vấn (query) sau: var db = openDatabase('mydb', '1.0', 'Test DB', * 1024 * 1024); db.transaction(function (tx) { tx.executeSql('CREATE TABLE IF NOT EXISTS LOGS (id unique, log)'); }); Truy vấn tạo bảng gọi LOGS sở liệu 'mydb' Hoạt động INSERT Để tạo đầu vào cho bảng, thêm truy vấn SQL đơn giản ví dụ sau: var db = openDatabase('mydb', '1.0', 'Test DB', * 1024 * 1024); db.transaction(function (tx) { LOGS (id unique, log)'); (1, "foobar")'); tx.executeSql('CREATE TABLE IF NOT EXISTS tx.executeSql('INSERT INTO LOGS (id, log) VALUES tx.executeSql('INSERT INTO LOGS (id, log) VALUES (2, "logmsg")'); }); Chúng ta truyền giá trị động tạo đầu vào sau: var db = openDatabase('mydb', '1.0', 'Test DB', * 1024 * 1024); db.transaction(function (tx) { LOGS (id unique, log)'); tx.executeSql('CREATE TABLE IF NOT EXISTS tx.executeSql('INSERT INTO LOGS (id,log) VALUES (?, ?'), [e_id, e_log]; }); Ở đây, e_id e_log biến ngoại vi, executeSql kết nối mục tham số mảng với dấu “?” Hoạt động READ Để đọc ghi tồn tại, sử dụng Callback để bắt kết sau: var db = openDatabase('mydb', '1.0', 'Test DB', * 1024 * 1024); db.transaction(function (tx) { LOGS (id unique, log)'); tx.executeSql('CREATE TABLE IF NOT EXISTS tx.executeSql('INSERT INTO LOGS (id, log) VALUES http://vietjack.com/                                                                                                                              Trang  chia  sẻ  các  bài  học  online  miễn  phí     http://vietjack.com/html5/index.jsp                                                                                                              Copyright  ©  vietjack.com     (1, "foobar")'); "logmsg")'); }); tx.executeSql('INSERT INTO LOGS (id, log) VALUES (2, db.transaction(function (tx) { FROM LOGS', [], function (tx, results) { i; tx.executeSql('SELECT * var len = results.rows.length, msg = "

Found rows: " + len + "

"; document.querySelector('#status').innerHTML += < len; i++){ msg; for (i = 0; i alert(results.rows.item(i).log ); } }, null); }); Ví dụ tổng kết Tóm lại, giữ ví dụ tài liệu HTML5 sau thử chạy với trình duyệt Safari: var db = openDatabase('mydb', '1.0', 'Test DB', * 1024 * 1024); var msg; db.transaction(function (tx) { tx.executeSql('CREATE TABLE IF NOT EXISTS LOGS (id unique, log)'); tx.executeSql('INSERT INTO LOGS (id, log) VALUES (1, "foobar")'); tx.executeSql('INSERT INTO LOGS (id, log) VALUES (2, "logmsg")'); msg = '

Log message created and row inserted.

'; document.querySelector('#status').innerHTML = msg; }); db.transaction(function (tx) { tx.executeSql('SELECT * FROM LOGS', [], function (tx, results) { var len = results.rows.length, i; msg = "

Found rows: " + len + "

"; document.querySelector('#status').innerHTML += msg; document.querySelector('#status').innerHTML += msg; } }, null); }); Status Message Nó cho kết sau: Nó tạo kết sau với phiên Safari Opera: Log message created and row inserted Found rows: foobar logmsg   http://vietjack.com/                                                                                                                              Trang  chia  sẻ  các  bài  học  online  miễn  phí     ... Callback Tham số thứ 5, tạo Callback gọi Database tạo Khơng có tính này, nhiên, Database tạo phiên Thực thi truy vấn Để thực thi truy vấn, bạn sử dụng hàm database. transaction() Hàm cần tham số... thêm truy vấn SQL đơn giản ví dụ sau: var db = openDatabase('mydb', '1.0', 'Test DB', * 1024 * 1024); db.transaction(function (tx) { LOGS (id unique, log)'); (1, "foobar")'); tx.executeSql('CREATE... EXISTS tx.executeSql('INSERT INTO LOGS (id, log) VALUES tx.executeSql('INSERT INTO LOGS (id, log) VALUES (2, "logmsg")'); }); Chúng ta truyền giá trị động tạo đầu vào sau: var db = openDatabase('mydb',