HTML5 - Web Storage [ใช้งานแบบ array]

Jquery & Ajax Knowledge ความรู้เกี่ยวกับ Javascript , Jquery ม Ajax

Moderators: mindphp, ผู้ดูแลกระดาน

User avatar
thatsawan
PHP VIP Members
PHP VIP Members
Posts: 26696
Joined: 31/03/2014 10:02 am
Contact:

HTML5 - Web Storage [ใช้งานแบบ array]

Post by thatsawan »

ก่อนศึกษาบทความนี้ ขอเเนะนำว่าให้ ศึกษา บทเรียน HTML5
ซึ่งเเนะนำตั้งแต่พื้นฐาน จนถึงการนำ HTML5 ไปใช้กับงานจริง เพื่อให้สามารถทำเข้าใจบทความได้ง่ายขึ้นรวมถึงบทเรียนที่เกี่ยวข้อง บทเรียน CSS ,บทเรียน javascript , เเละ บทเรียน jquery

___________________________________________________________________________________________________________________

Code: Select all

  <div class="blc">

        <script>
                var image_id_all = [];
        </script>

        <!-- BEGIN image_list -->
        <div class="col-sm-6 col-xs-6 col-xs-12  col-md-4 col-lg-4">

                <div class="container">

                        <div class="photo">
                                <div class="thumbnail bootsnipp-thumb">
                                        <img  class="img_show" src="{image_list.IMAGEPATH}" id="{image_list.IMAGE_ID}" action="aaaa" event_id="{image_list.EVENT_ID}"> 
                                        <div><b>{image_list.IMAGE_IN_TIME}</b>&nbsp;,&nbsp; ภาพ &nbsp;<span class="name_photo">#{image_list.IMAGE_ID}</span> <span class="{image_list.ADD_CLASS_LOCATION} right"></span><span class="name_photo right"> By&nbsp;{image_list.IMAGE_PHOTOPH}</span></div>
                                </div>
                        </div>

                </div>
        </div>
        <script>
                image_id_all.push('{image_list.IMAGE_ID}');
        </script>
        <!-- END image_list -->

</div>
var image_id_all = []; = ประการตัวแปร array
image_id_all.push('{image_list.IMAGE_ID}'); = คำสั่งนี้ คือการนำค่าที่ loop ได้ ใส่ array

Code: Select all

      var show_id_all = sessionStorage.setItem('image_id_all', JSON.stringify(image_id_all));
             console.log(JSON.parse(sessionStorage.getItem('image_id_all')));
JSON.stringify เพื่อแปลง array ที่ได้ ให้เป็น string จากนั้นก็เก็บเข้า sessionStorage
console.log(JSON.parse(sessionStorage.getItem('image_id_all'))); = เอา parse json กลับมาเป็น array เพื่อใช้งาน

ถ้าใช้ localStorage ให้เปลี่ยนจาก sessionStorage เป็น localStorage ผลที่ได้จะมีค่าเหมือนกัน
  • Similar Topics
    Replies
    Views
    Last post

Return to “Jquery & Ajax Knowledge”

Who is online

Users browsing this forum: No registered users and 3 guests