v0.7+
storage
is a series of apis, support add, modify and delete stored data.
Cauction: There is NO same-origin-policy in weex storage moudle. Any one can access any key, even can change the value. So be careful of your usage.
When passed a key and a value, it will saved into the storage, or update the value if the key already exists.
key
(string): the name of the key you want to store. "" or null is not allowed.value
(string): the name of the value you want to store."" or null is not allowed.callback
(object): the callback function after executing this action.When passed a key, will return that key's value.
key
(string): the name of the key you want to retrieve the value of."" or null is not allowed.callback
(object): the callback function after executing this action.When passed a key, will remove that key and value from the storage.
key
(string): the name of the key you want to remove."" or null is not allowed.callback
(object): the callback function after executing this action.var storage = weex.requireModule('storage'); storage.removeItem('foo', function(e) { // callback. 'e' is an object that contains 'result' and 'data'. // e.result will return 'success' or 'failed' according to the executing result. // e.data will always return 'undefined' in this function if success. });
Returns an integer representing the number of key-value items stored in the storage.
callback
(object): the callback function after executing this action.Returns an array that contains all keys stored in the storage.
callback
(object): the callback function after executing this action.<template> <div class="list"> <div class="group center"> <div class="panel"><text class="text">{{state}}</text></div> </div> <div class="group"> <div class="panel"><text class="text" @click="setItem">set</text></div> <div class="panel"><text class="text" @click="getItem">get</text></div> <div class="panel"><text class="text" @click="removeItem">remove</text></div> <div class="panel"><text class="text" @click="getAll">all</text></div> </div> </div> </template> <script> const storage = weex.requireModule('storage') const modal = weex.requireModule('modal') export default { data () { return { keys: '[]', length: 0, state: '----' } }, methods: { setItem () { storage.setItem('name', 'Hanks', event => { this.state = 'set success' console.log('set success') }) }, getItem () { storage.getItem('name', event => { console.log('get value:', event.data) this.state = 'value: ' + event.data }) }, removeItem () { storage.removeItem('name', event => { console.log('delete value:', event.data) this.state = 'deleted' }) }, getAll () { storage.getAllKeys(event => { // modal.toast({ message: event.result }) if (event.result === 'success') { modal.toast({ message: 'props: ' + event.data.join(', ') }) } }) } } } </script> <style scoped> .panel { height: 100px; flex-direction: column; justify-content: center; border-width: 2px; border-style: solid; border-color: rgb(162, 217, 192); background-color: rgba(162, 217, 192, 0.2); } .group { flex-direction: row; justify-content: space-between; width: 650px; margin-left: 50px; margin-top: 50px; margin-bottom: 50px; } .center { justify-content: center; } .text { font-size: 50px; text-align: center; padding-left: 25px; padding-right: 25px; color: #41B883; } .small { font-size: 32px; padding-left: 35px; padding-right: 35px; color: #41B883; } </style>