如何使用ajax将本地存储数据发送到php页面？

Question

I have stored form data in local storage array and i want to send that array with ajax to php page and also want to access data in php page.
Here is my code -

    var myvalue=document.getElementById('name').value;        
                    var favorites_str = localStorage.getItem('my_favorites');    
                    if(favorites_str == null) {    
                    favorites = [];      
                    favorites.push({ "name":myvalue});      
                    }    
         else{      
                    favorites = JSON.parse(favorites_str);      
                    favorites.push({ "name":myvalue});      
                    }  
             localStorage.setItem('my_favorites',JSON.stringify(favorites));      
    var data = localStorage.getItem('my_favorites');      
                    if(data == null){      
                    alert("0 favorites");      
                    }else{      
                    favorites = JSON.parse(data);      
                    $.each(favorites, function(index,item){      
                    var my_items=item.name;         
                    })      
                    };    
if(navigator.onLine)    
                 {  
                     $.ajax({  
                         url:'http://localhost/offline/nextpage.php',  
                         type:'post',  
                         data:{my_items:my_items},  
                         success:function(data)  
                         {  
                           $('#result').html(data);  
                         }  
                     });  
                 }

Thanks.

Answer 1

假设您将数据存储在本地存储中，键名称为：“ name”，则可以像下面那样进行获取并将其发送到ajax调用中。

data: {name: localStorage.getItem('name')}

Answer 2

The problem that I can see in your code is that you are trying to send a variable ( my_items ) at the ajax request but the variable is defined in a different scope.

Try this instead:

var myvalue=document.getElementById('name').value; 
...
favorites = JSON.parse(data);
var my_items = [];
$.each(favorites, function(index,item){
    my_items.push(item.name);
});

if(navigator.onLine) {
    $.ajax({
        url:'http://localhost/offline/nextpage.php',
        type:'post',
        data:{my_items:my_items},
        success:function(data)
        {
           $('#result').html(data);
         }
     });
 }

Now the my_items object is going to be accessible inside the ajax request.