executeSql之执行增删改查

最新推荐文章于 2022-10-18 09:00:33 发布

原创最新推荐文章于 2022-10-18 09:00:33 发布 · 8.4k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#js #sql #executeSql

JavaScript 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一个具体的SQL操作案例，展示了如何使用executeSql方法执行插入、删除等操作，并提供了JavaScript结合HTML实现的具体代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Sql语句的使用

首先来看看executeSql的语法:
transaction.executeSql(sqlquery[],dataHandler,errorHandler);
第一个参数为需要执行的Sql语句，比如要在表中插入内容

executeSql('INSERT INTO MsgDataVALUES(?,?,?)'[],dataHandler,errorHandler)

VALUES(?,?,?)就是添加进来的内容.
第二个参数为参数的数组,
第三和第四个参数dataHandler\errorHandler分别为成功和失败时的回调函数。

function deleteData(name) {  
      db.transaction(function (tx) { 
       tx.executeSql('DELETE FROM MsgData WHERE name=?',[name],function (tx,rs) { 
     alert("删除成功");
     showAllData();
   },function (tx, error) {
    alert(error.source+"::"+error.message);
   })
  })
}

可进行查询删除。

html部分代码如下：

<table>
        <tr>
            <td>姓名：</td><td><input type="text" id="name"></td>
        </tr>
        <tr>
            <td>留言：</td><td><input type="text" id="memo"></td>
        </tr>
        <tr>
            <td><input type="button" value="保存" onclick="saveData();"></td>
        </tr>
        <tr>
            <td>姓名：</td><td><input type="text" id="name1"></td>
        </tr>
        <tr>
            <td><input type="button" value="删除" onclick="deleteData();"></td>
        </tr>
        <tr>
            <td><input type="button" value="删除所有数据" onclick="deleteAllData();"></td>
        </tr>
    </table>