>  기사  >  웹 프론트엔드  >  Phonegap을 통한 데이터베이스 운영에 대한 자세한 튜토리얼

Phonegap을 통한 데이터베이스 운영에 대한 자세한 튜토리얼

Y2J
Y2J원래의
2017-05-22 13:39:541929검색

다음 편집기는 Phonegap을 사용하여 데이터베이스를 작동하는 구현 방법을 제공합니다. 에디터가 꽤 좋다고 생각해서 지금 공유해서 참고용으로 올려보겠습니다. 에디터 따라가서 살펴볼까요

예제는 다음과 같습니다.

<!DOCTYPE html> 
<html> 
  
    <head> 
        <meta charset="UTF-8"> 
        <title>Database Example</title> 
  
        <script type="text/javascript" charset="UTF-8" src="cordova.js"></script> 
        <script type="text/javascript" charset="UTF-8"> 
            document.addEventListener("deviceready", onDeviceReady, false); 
  
            function onDeviceReady() { 
                var db=window.openDatabase("Test","1.0","Test",200000); 
                db.transaction(populateDB,errorDB,successDB); 
            } 
              
            //初始化数据库数据 
            function populateDB(tx){ 
                tx.executeSql(&#39;DROP TABLE IF EXISTS test1&#39;); 
                tx.executeSql(&#39;CREATE TABLE IF NOT EXISTS test1 (id unique,name)&#39;); 
                tx.executeSql(&#39;INSERT INTO test1(id,name) VALUES(1,"Tony")&#39;); 
                tx.executeSql(&#39;INSERT INTO test1(id,name) VALUES(2,"Bill")&#39;); 
                tx.executeSql(&#39;INSERT INTO test1(id,name) VALUES(3,"Tony")&#39;); 
            } 
              
            //查询方法 
            function queryDB(tx){ 
                tx.executeSql(&#39;SELECT * FROM test1&#39;,[],querySuccess,errorDB); 
            } 
              
            //查询成功回调 
            function querySuccess(tx,results){ 
                var len=results.rows.length; 
                var status=document.getElementById("status"); 
                var string ="Rows:"+len+"<br />"; 
                for(var i=0;i<len;i++){ 
                    string+=results.rows.item(i).name+"<br />"; 
                } 
                status.innerHTML=string; 
            } 
              
            //执行初始化数据成功后的回调 
            function successDB(){ 
                var db=window.openDatabase("Test","1.0","Test",200000); 
                db.transaction(queryDB,errorDB); 
            } 
              
            //失败回调 
            function errorDB(err){ 
                alert(&#39;Error processing SQL:&#39;+err.code); 
            } 
              
        </script> 
    </head> 
  
    <body> 
        <h1>Names</h1> 
        <p id=&#39;status&#39;></p> 
    </body> 
  
</html>

[관련 추천]

1 . 자바스크립트 무료 동영상 튜토리얼

2. 지금 HTML5가 점점 더 많은 이점을 얻고 있는 이유

3. IE11에서 작동하지 않는 이유

4.

웹사이트에 Google 위치 정보를 추가하는 방법

HTML5의 새로운 양식 속성 분석

위 내용은 Phonegap을 통한 데이터베이스 운영에 대한 자세한 튜토리얼의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.