Javascript 如何在不使用jQuery、Node.js或任何外部库的情况下读取带有HTML文件的本地存储数据库（.db filetype）？_Javascript_Php_Html_Sql_Database

Javascript 如何在不使用jQuery、Node.js或任何外部库的情况下读取带有HTML文件的本地存储数据库（.db filetype）？

javascript php html sql database

Javascript 如何在不使用jQuery、Node.js或任何外部库的情况下读取带有HTML文件的本地存储数据库（.db filetype）？,javascript,php,html,sql,database,Javascript,Php,Html,Sql,Database,努力完成硕士学位任务。基本上，用户在“ID”字段中输入一个值，单击按钮后，相应的行将从本地保存的database.db文件类型中显示。我知道如何使用divs和alterhtml来表示信息，但我不知道如何在HTML文件中访问数据库。我知道一旦它被存储，就可以用SQL命令读取它。。。虽然我以前从未这样做过，也不知道语法会是什么。我已经从下面的作业中附上了我当前的代码-如果任何人对这个问题有任何见解或参考，我将非常感谢您的帮助 <!DOCTYPE html> <html>

努力完成硕士学位任务。基本上，用户在“ID”字段中输入一个值，单击按钮后，相应的行将从本地保存的database.db文件类型中显示。我知道如何使用divs和alterhtml来表示信息，但我不知道如何在HTML文件中访问数据库。我知道一旦它被存储，就可以用SQL命令读取它。。。虽然我以前从未这样做过，也不知道语法会是什么。我已经从下面的作业中附上了我当前的代码-如果任何人对这个问题有任何见解或参考，我将非常感谢您的帮助

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Access Database</title>
      <style>
    table {
      font-family: arial, sans-serif;
      border-collapse: collapse;
      width: 50%;
        margin: 10px auto;
    }

    td, th {
      border: 1px solid #dddddd;
      text-align: left;
      padding: 8px;
    }

    tr:nth-child(even) {
      background-color: #dddddd;
    }
          
    input
          {
              margin: 10px auto;
          }
          
    </style>
          
   <script>

        // Access Database here
       function searchDatabase()
       {
           // select firstname, lastname, country from users where id = document.getElementById('crit').value; //(?)
           return false;
       }
       
    </script>
  </head>
  <body>     
          
        <input name="crit" type="number" value="1"/>      
       <button id="search" onclick="searchDatabase()">Search</button>
        
        <table>
          <tr>
            <th>ID</th>
            <th>F Name</th>
            <th>Surname</th>
            <th>Country</th> 
          </tr>
          <tr>
            <td>1</td>
            <td>Foo</td>
            <td>Bar</td>
            <td>Canada</td>
          </tr>
        </table>
        
  </body>
</html>

您应该能够创建XMLHttpRequest并指定您的本地文件，我认为它只能在服务器上工作。在需要服务器端编程语言的PHPdb操作中读取文件可能更简单。您可以向服务器提交表单，也可以使用javascript发出ajax请求以发送用户输入。还有一些存储设施客户端也可以使用，但不能读/写。对于您的场景，可能值得一读。db文件。