2016-03-08 31 views
17
與AJAX請求發送令牌

我用快遞,智威湯遜和通過jQuery創建我的令牌,並將其與保存在我的localStorage:如何從jQuery的

$.ajax({ 
    url: "http://localhost:8080/login", 
    type: 'POST', 
    data: formData, 
    error : function(err) { 
    console.log('Error!', err) 
    }, 
    success: function(data) { 
    console.log('Success!') 
    localStorage.setItem('token', data.id_token); 
    } 
}); 

我有我的後端就像一個受保護的路徑:

app.get('/upload',jwt({secret: config.secret}), function(req, res) { 
    res.sendFile(path.join(__dirname + '/upload.html')); 
}); 

我該如何使用請求頭從localStorage發送令牌?

回答

22

您可以設置在$.ajax請求頭:

$.ajax({ 
    url: "http://localhost:8080/login", 
    type: 'GET', 
    // Fetch the stored token from localStorage and set in the header 
    headers: {"Authorization": localStorage.getItem('token')} 
}); 
+0

你爲什麼令牌發送到頭?爲什麼不把數據? – ahmedbhs

+0

@ahmedbhs我相信他試圖以某種方式保護令牌。 –

+4

爲JWT頭,這爲我工作'頭:{「授權」:'承載'+令牌}' – user326608