JavaScript? ??? ??? ??? ? ?? ??????
Nov 04, 2023 am 11:59 AM
JavaScript? ??? ?? ? ?? ??????? ?????? ?? ?? ??? ?????
?? ???? ??? ??? ??? ??? ???? ?? ??? ?? ? ??? ??? ?? ? ??? ?????. ?????. JavaScript??? ???? ??, ? ????, IndexedDB ?? ???? ??? ?? ??? ?? ?????. ??? ??? ?? ??? ???? ??? ??????? ?? ????? ???? ???? ? ??? ? ? ????.
?? ????? JavaScript? ??? ? ???? ??? ??????. ? ????? ?? ???? ??? ?? ??????? IndexedDB? ??? ? ????.
IndexedDB? ?????? ??????? ???? ???? ?? API?, ???? ???? ???? ?? ???? ??? ??? ?????. IndexedDB? ???? ?-? ?? ??? ???? ???? ??????? ??? ??? ???? ??? ?? ? ??? ?????.
????? ?? ?? ??? ???? IndexedDB? ???? ?????? ??????? ???? ??? ??, ??, ?? ? ?? ??? ???? ??? ?????.
?? HTML ???? ??? IndexedDB? ???? ?? ??? ???? ??? ????? ???? ???.
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>IndexedDB Demo</title> </head> <body> <button id="addButton">增加數(shù)據(jù)</button> <button id="deleteButton">刪除數(shù)據(jù)</button> <button id="updateButton">更新數(shù)據(jù)</button> <button id="queryButton">查詢數(shù)據(jù)</button> <div id="resultContainer"></div> <script src="main.js"></script> </body> </html>
?? ?? JavaScript ?? main.js?? IndexedDB ??????? ???? ??? ??, ??, ???? ? ?? ?? ??:
// 打開或創(chuàng)建一個(gè)名為MyDatabase的IndexedDB數(shù)據(jù)庫(kù)
var request = indexedDB.open("MyDatabase", 1);
// 如果數(shù)據(jù)庫(kù)不存在，則創(chuàng)建
request.onupgradeneeded = function(event) {
var db = event.target.result;
var objectStore = db.createObjectStore("users", { keyPath: "id" });
objectStore.createIndex("name", "name", { unique: false });
};
// 數(shù)據(jù)庫(kù)創(chuàng)建成功后的回調(diào)函數(shù)
request.onsuccess = function(event) {
var db = event.target.result;
// 增加數(shù)據(jù)
document.getElementById("addButton").onclick = function() {
var transaction = db.transaction(["users"], "readwrite");
var objectStore = transaction.objectStore("users");
var user = { id: 1, name: "John Doe", age: 25 };
var request = objectStore.add(user);
request.onsuccess = function(event) {
console.log("Data added successfully");
};
request.onerror = function(event) {
console.log("Error adding data");
};
};
// 刪除數(shù)據(jù)
document.getElementById("deleteButton").onclick = function() {
var transaction = db.transaction(["users"], "readwrite");
var objectStore = transaction.objectStore("users");
var request = objectStore.delete(1);
request.onsuccess = function(event) {
console.log("Data deleted successfully");
};
request.onerror = function(event) {
console.log("Error deleting data");
};
};
// 更新數(shù)據(jù)
document.getElementById("updateButton").onclick = function() {
var transaction = db.transaction(["users"], "readwrite");
var objectStore = transaction.objectStore("users");
var request = objectStore.put({ id: 1, name: "Jane Doe", age: 30 });
request.onsuccess = function(event) {
console.log("Data updated successfully");
};
request.onerror = function(event) {
console.log("Error updating data");
};
};
// 查詢數(shù)據(jù)
document.getElementById("queryButton").onclick = function() {
var transaction = db.transaction(["users"], "readonly");
var objectStore = transaction.objectStore("users");
var request = objectStore.get(1);
request.onsuccess = function(event) {
var user = event.target.result;
var resultContainer = document.getElementById("resultContainer");
resultContainer.innerHTML = "Name: " + user.name + ", Age: " + user.age;
};
request.onerror = function(event) {
console.log("Error querying data");
};
};
};
// 數(shù)據(jù)庫(kù)創(chuàng)建失敗后的回調(diào)函數(shù)
request.onerror = function(event) {
console.log("Error creating database");
};? ??? ?? ?? ??? ??, ??, ???? ? ?? ??? ??????. ???? ??? ???? ?? ??? ????? ?????.
? ??? ?? ?? IndexedDB? ?? ???????? JavaScript?? ??? ??? ??? ??? ????? ?? ? ? ????. IndexedDB? ???? ??? ???? ?? ? ?? ????? ???? ? ?? ?? ??? ??????? ?? ??? ??? ??? ?????.
?????, ?? ?? ??? ?? JavaScript?? ??? ?? ? ??? ?? IndexedDB? ???? ??? ?????. ??? IndexedDB? ????? ???? ??? ?? ???? ??? ? ?? ??? ??? ?????. ?? ????? ??? ??? ??? ??? ???? ?? ?? ?? ??? ?? ??? ??? ?? ??? ???? ???.
? ??? JavaScript? ??? ??? ??? ? ?? ??????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!
? AI ??
Undress AI Tool
??? ???? ??
Undresser.AI Undress
???? ?? ??? ??? ?? AI ?? ?
AI Clothes Remover
???? ?? ???? ??? AI ?????.
Clothoff.io
AI ? ???
Video Face Swap
??? ??? AI ?? ?? ??? ???? ?? ???? ??? ?? ????!
?? ??
??? ??
???++7.3.1
???? ?? ?? ?? ???
SublimeText3 ??? ??
??? ??, ???? ?? ????.
???? 13.0.1 ???
??? PHP ?? ?? ??
???? CS6
??? ? ?? ??
SublimeText3 Mac ??
? ??? ?? ?? ?????(SublimeText3)
??? ??
8637
17
1783
16
1728
56
1577
28
1442
31
WebSocket ? JavaScript: ??? ???? ??? ??? ?? ?? ??
Dec 17, 2023 pm 05:30 PM
WebSocket? JavaScript: ??? ???? ??? ??? ?? ?? ?? ??: ??? ??? ??? ??? ?? ??? ???? ???? ??? ???? ?? ???? ??. ??? ????? ???? ?? ?? ? ??? WebSocket? JavaScript? ?????. ? ????? ??? ???? ????? WebSocket ? JavaScript? ??? ???? ?? ??? ???? ?? ??? ??? ?????. 1. ??? ??
WebSocket? JavaScript? ???? ??? ?? ?? ???? ???? ??
Dec 17, 2023 pm 02:54 PM
WebSocket ? JavaScript? ???? ??? ?? ?? ???? ???? ?? ??: ???? ?? ??? ?? ?? ??? ?? ?? ??? ??? ??? ?????. WebSocket? JavaScript? ???? ? ??? ?? ?? ???? ?? ?? ??, ???, ??? ?????? ??? ?? ??? ?? ???? ???? ?????. ? ????? WebSocket? JavaScript? ???? ??? ?? ?? ???? ???? ??? ?????.
localstorage? ???? ????? ??? ? ?? ??? ??????
Jan 03, 2024 pm 01:41 PM
localstorage? ???? ???? ?? ?? ???? ??? ?????? ?? ?? ??? ?????. ????? ????? ??? ??? ???? ?? ??? ???? ???? ?? ?? ???? ?? ???? ???? ?? ??? ????. Localstorage? ????? ? ??? ??? ?? HTML5?? ???? ???, ???? ?? ???? ?? ? ???? ???? ??? ???? ???? ??? ??? ?????. ??? ??? ??? ?? ?? ???? ??? ? ???
JavaScript ? WebSocket? ???? ??? ??? ?? ???? ???? ??
Dec 17, 2023 pm 12:09 PM
JavaScript ? WebSocket? ???? ??? ??? ?? ???? ???? ?? ??: ???? ???? ??? ???? ?? ? ?? ?????? ??? ?? ???? ???? ??????. ??? ??? ?? ???? ???? ?? JavaScript ? WebSocket ??? ??? ? ????. WebSocket? TCP ????? ???? ?? ??? ?? ????? ?????? ?? ?? ??? ??? ??? ??? ? ????. ??? ??? ?? ?????? ???? ??? ???? ??? ??
JavaScript? WebSocket: ???? ??? ???? ??? ??
Dec 17, 2023 pm 05:13 PM
JavaScript ? WebSocket: ???? ??? ?? ?? ??? ?? ??: ??? ?? ??? ???? ?? ??? ?? ??? ?? ?????. ??? ???? ?? ??? ?? ???? ????? ?????? ?? ???? ??? ? ?? ????? ??? ? ????. ? ????? JavaScript ? WebSocket ??? ???? ???? ??? ?? ?? ???? ???? ??? ?????. ? ????? ?? ?? ??? ?? ?? ????? ?????. ??
WebSocket? JavaScript? ???? ??? ?? ???? ???? ??
Dec 17, 2023 am 09:39 AM
WebSocket? JavaScript? ???? ??? ?? ???? ???? ?? ???? ??? ???? ?? ? ?? ??? ????? ??? ?? ??? ???? ???. ???? ??? ??? ?? ???? ???? ?? ?????. ? ????? WebSocket? JavaScript? ???? ??? ?? ???? ???? ??? ???? ???? ?? ??? ?????. 1. WebSocket?? ?????? WebSocket? ?? TCP ??? ??? ?????.
??? JavaScript ????: HTTP ?? ??? ?? ??
Jan 05, 2024 pm 06:08 PM
JavaScript ????: HTTP ?? ??? ?? ??, ?? ?? ??? ?????. ??: ? ????? ???? ??? ?? ??? ?? ?????. ??? ??? ? ??? HTTP ?? ??? ???? ??? ?? ??? ???? ??? ?? ??? ?? ?? ??? ???? ?? ??? ????. ? ????? JavaScript? ???? HTTP ?? ??? ?? ??? ? ?? ???? ?? ??? ?????. XMLHttpRequest ??
JavaScript?? HTTP ?? ??? ?? ?? ??
Jan 05, 2024 pm 01:37 PM
JavaScript?? HTTP ?? ??? ?? ?? ??: ??? ?? ???? ??? ?? ??? ??????? ?? ??? ???? ?? HTTP ?? ??? ?? ??? ?????. HTTP ?? ??? ???? ?? ?? ??????? ??? ???? ? ? ???? ? ??? ???. ? ????? JavaScript? ???? HTTP ?? ??? ?? ??? ???? ???? ?? ??? ?????. 1. HTTP ?? ??? ?????? HTTP ?? ??? ????? ??? ??? ??? ? ????
