10/10/2018, 11:11
Sử dụng javascrip xử lý CSDL trên client
Ai cho mình biết có cách gì sử dụng Javascrip để xử lý CSDL trên client không?
Nếu biết cho mình ví dụ nhé.
Mình đang làm cái đăng kí tín chỉ. Mình muốn khi click vào checkbox thì nó kiểm tra xem môn đó học chưa?
Mình làm được bên server nhưng mình cần sử lý bên client và sử dụng javascrip để kiểm tra. Vậy ai có cách chỉ mình với nhé.
Cảm ơn nhiều !
Nếu biết cho mình ví dụ nhé.
Mình đang làm cái đăng kí tín chỉ. Mình muốn khi click vào checkbox thì nó kiểm tra xem môn đó học chưa?
Mình làm được bên server nhưng mình cần sử lý bên client và sử dụng javascrip để kiểm tra. Vậy ai có cách chỉ mình với nhé.
Cảm ơn nhiều !
Bài liên quan
//js code //bắt sự kiện onclick của checkbox $('input.tinchi').click(function (){ //get dữ liệu của checkbox var data = $(this).val(); //dùng phuơng thức post hoặc ajax của jQuery để gửi dữ liệu $.post('check.php', {value: data}, function (data){ //dữ liệu trả về là một chuỗi json, ta eval nó //muốn biết eval là gì thì tìm hiểu thêm eval('var respon = ' + data + ';'); if(respon.status){// alert(respon.msg); }//ngược lại là cái gì thì chắc tự biết. }); }); //php code: check.php //kiểm tra xem có tồn tại giá trị $_POST ko? if (isset($_POST['value'])) { check($_POST['value']); } function check ($value) { //xử lý if($exists) { //giả sử dữ liệu trả về là có tồn tại $return = array('status' => false, 'msg' => 'Đã đăng ký'); } else { $return = array('status' => true, 'msg' => 'Có thể đăng ký'); } //trả dữ liệu về kiểu json cho dễ xử lý. echo json_encode($return); }Tuy nhiên FF, Opera cũng đã hỗ trợ LocalStorage, một dạng database no-sql, dùng để lưu các giá trị ở dạng key:value, bạn có thể mã hóa cả 1 bảng dữ liệu thành chuỗi JSON rồi lưu xuống client mà xử lý.
Khi viết trang web Gycoder, tớ có tạo một đối tượng Gy.data dùng để xử lý dữ liệu dạng này trong trang, bạn tham khảo :
data : {
set:function(db, key, value, isObj){
var k=Gy.trim(key);
var v=isObj?value:Gy.trim(value);
if(k!=''&&v!=''){
if(isObj){v=JSON.stringify(v)}
this.exc(db, 2, k, v);
}
},
get:function(db, key, revert){
var k=Gy.trim(key);
if(k!=''){
var r=this.exc(db, 1, k);
return !revert?r:JSON.parse(r);
}
else{
return '';
}
},
remove:function(db, key){
var k=Gy.trim(key);
if(k!=''){this.exc(db, -1, k)}
},
clear:function(db){
this.exc(db, 0);
},
exc:function(database, action, key, value){
try{
var db=(database==1)?window.localStorage:window.sessionStorage;
if(db){
if(action==0){
db.clear();
}
else if(action==-1){
db.removeItem(key);
}
else if(action==1){
return db.getItem(key);
}
else if(action==2){
var k=Gy.trim(key);
var v=Gy.trim(value);
try{
db.setItem(k,v);
return 1;
}
catch(e){
if(e==QUOTA_EXCEEDDED_ERR){return 0}
else if(e==NOT_SUPPORTED_ERR){return -1}
else{return -2}
}
}
}
}
catch(e){}
}
},
Cảm ơn nhiều !
Còn nếu chủ topic chưa rõ mình hỏi cái gì thì đi hỏi thầy giáo để làm rõ thêm. Nếu cả hai thầy trò đều mịt mù thì tự bóp... đi.
Những người chưa rõ câu hỏi và cũng chưa rõ câu trả lời khoan vào đây ném đá tùm lum, càng làm rối thêm vấn đề.
gyarcier
Nói đến "CSDL trên client" thì phải nghĩ ngay đến Google Gear chứ bác. Sau khi Gear xuất hiện một thời gian, các trình duyệt webkit như Chrome, Safari đã tích hợp thẳng vào trình duyệt một cái gọi là HTML5 Client-side Database Storage, cách dùng hệt như Google Gear. Thế rồi Google ngừng phát triển plugin Gear luôn.
Một ví dụ mẫu về Client-side Database Storage, chủ thread có thể view source mà xem syntax :
http://www.webkit.org/demos/sticky-notes/
Firefox, Opera chưa hỗ trợ Client-side Database Storage, thế nên người ta vẫn tạm thời phải dùng Gear thay thế khi muốn thực hiện cùng yêu cầu.
Tuy nhiên LocalStorage thì thằng nào cũng đã hỗ trợ. Có điều nó là nosql