HTML5 SessionStorage Session Storage

SessionStorage เป็นวัตถุที่เก็บข้อมูลเซสชันใหม่สำหรับ HTML5 บทความนี้ส่วนใหญ่แนะนำการใช้ SessionStoraages รวมถึงการเพิ่มการแก้ไขการลบการดำเนินการ

SessionStorage เป็นวัตถุที่เก็บข้อมูลเซสชันใหม่สำหรับ HTML5

วัตถุนี้สามารถเรียกได้ในภาษา JavaScript ผ่าน Window.sessionStorage หรือ SessionStorage

1) ข้อ จำกัด ในกลยุทธ์ต้นฉบับเดียวกัน หากคุณต้องการใช้งาน SessionStorage เดียวกันระหว่างหน้าต่างๆหน้าเหล่านี้จะต้องอยู่ภายใต้โปรโตคอลเดียวกันชื่อโฮสต์เดียวกันและพอร์ตเดียวกัน (ข้อมูลการจัดเก็บ 8 และ 9 ข้อมูลขึ้นอยู่กับชื่อโฮสต์เดียวกันโดยไม่สนใจข้อกำหนดของโปรโตคอล (HTTP และ HTTPS) และหมายเลขพอร์ต)

2) ขีด จำกัด หน้าฉลากเดียว การดำเนินการ SessionStorage นั้น จำกัด อยู่ที่หน้าแท็บเดียวในหน้าแท็บนี้คุณสามารถแชร์ข้อมูล SessionStorage

3) เก็บไว้ในพื้นที่เท่านั้น ข้อมูลของ SeesionStorage จะไม่ถูกส่งไปยังเซิร์ฟเวอร์ด้วยคำขอ HTTP (หากคุณใช้ฟังก์ชั่นแท็บการกู้คืนของ Chrome ข้อมูลของ SeesionStorage จะได้รับการกู้คืนด้วย)

4) วิธีการจัดเก็บ วิธีการจัดเก็บของ SeesionStorage ขึ้นอยู่กับคีย์และค่า ค่าของค่าจะต้องเป็นประเภทสตริง (ไม่ใช่ที่ไม่ใช่ -และมันจะถูกแปลงเป็นสตริงในระหว่างการจัดเก็บค่าที่แท้จริงจะถูกแปลงเป็นจริง)

5) ขีด จำกัด การจัดเก็บ: เบราว์เซอร์ที่แตกต่างกันเก็บขีด จำกัด บน แต่เบราว์เซอร์ส่วนใหญ่ จำกัด ขีด จำกัด บนให้น้อยกว่า 5MB

รุ่นที่เล็กที่สุดของเบราว์เซอร์รองรับ SessionStorage: IE8, Chrome 5

SessionStorage เหมาะสำหรับ SPA (แอปพลิเคชันหน้าเดียว) ซึ่งสามารถสะดวกสำหรับการส่งค่าในแต่ละโมดูลธุรกิจ

READENLY IntSessionStorage.Length: ส่งคืนจำนวนเต็มซึ่งระบุจำนวนรายการข้อมูล (คู่ค่าคีย์) ที่เก็บไว้ในวัตถุ SessionStorage

String SessionStorage.KEY (INT ดัชนี): ชื่อคีย์ของหมายเลขซีเรียลดัชนีของวัตถุ SessionStorage ปัจจุบันจะถูกส่งกลับ ถ้าไม่ส่งคืนค่า null stringsessionStorage.getItem (คีย์สตริง): ค่าของชื่อคีย์ (คีย์) ถ้าไม่ส่งคืนค่า null VoidSessionStorage.SetItem (คีย์สตริง, ค่าสตริง): วิธีนี้ยอมรับชื่อคีย์ (คีย์) และค่าเป็นพารามิเตอร์เพื่อเพิ่มค่าคีย์ลงในที่เก็บข้อมูล VoidsessionStorage.removeItem (คีย์สตริง): ลบชื่อคีย์ที่ระบุออกจากวัตถุ SessionStorage VoidsessionStorage.Clear (): ล้างรายการทั้งหมดของวัตถุ SessionStorage

 SessionStorage.setItem ('testKey', 'นี่คือค่าทดสอบ "); //

 SessionStorage ['testKey'] = 'นี่คือค่าของการทดสอบ "

 SessionStorage.getItem ('testKey');

 SessionStorage ['TestKey'];

SessionStorage ยังสามารถจัดเก็บวัตถุ JSON: เมื่อจัดเก็บวัตถุจะถูกแปลงเป็นรูปแบบข้อความผ่าน json.stringify ();

 VAR userntity = {ชื่อ: 'tom', อายุ: 22}; รับสตริง JSON แปลง Object var userjsonstr = sessionstorage.getItem ('ผู้ใช้');

ข้างต้นคือ HTML5 SessionStorage Session Storage ที่ฉันแนะนำให้รู้จักกับคุณ ขอบคุณมากสำหรับการสนับสนุนเว็บไซต์ Vevb Wulin!