HTML5 로컬 저장소_html5 튜토리얼 기술의 데이터베이스 저장소 응용 프로그램 소개

//데이터베이스 열기
var db = openDatabase('contactdb','','localdatabasedem',204800)
//데이터 저장
function save(){
var user_name = document.getElementById("user_name").value;
var mobilephone = document.getElementById("mobilephone").value;
var company = document.getElementById("company").value ;
//생성 시간
var time = new Date().getTime();
db.transaction(function(tx){
tx.executeSql('연락처 값에 삽입(?, ? ,?,?)',[user_name,mobilephone,company,time],onSuccess,onError);
})
//SQL 문이 성공적으로 실행된 후 실행되는 콜백 함수
function onSuccess(tx,rs){
alert("작업 성공");
loadAll();
}
//SQL 문 실행 실패 후 실행되는 콜백 함수
function onError(tx ,error){
alert("작업 실패, 실패 메시지: " error.message);
}

//모든 것을 sqlLite 데이터베이스의 모든 연락처 가져오기
function loadAll(){
var list = document.getElementById("list")
db.transaction(function(tx){
//데이터 테이블이 없으면 데이터 테이블을 생성합니다
tx.executeSql('create table if not presents contact(name text,phone text,company text,createtime INTEGER)',[]);
//모든 연락처 쿼리 개인 레코드
tx.executeSql('select * from contact',[],function(tx,rs){
if(rs.rows.length>0){
var result = "";
result = "휴대전화 회사시간 추가작업";
for(var i=0;ivar row = rs.rows.item(i);
//시간을 변환하고 출력 형식을 지정합니다.
var time = new Date()
time.setTime( row.createtime );
var timeStr = time.format("yyyy-MM-dd hh:mm:ss")
//테이블의 행 노드 조립
result = "" (i 1) "";
}
list.innerHTML = 결과;
}else{
list.innerHTML = "현재 데이터가 비어 있습니다. 연락처 추가를 시작하세요. 빨리";
}
});
});
}


이 중 시간을 포맷팅하는 기능은 다음을 참고하여 구현할 수 있습니다. 다음 JS:


특정 연락처를 구현하려면 다음 JS 코드를 실행해야 합니다
:


코드 복사db.transaction(function(tx) {


코드 복사

일련번호	이름	" row.name "	" row.phone "	" 행 .company "< ;/td>	" timeStr "	< /td>