拒绝设置不安全标题“ Cookie”混合应用程序

Question

我正在使用HTML5，CSS3，jQuery和cordova创建一个混合移动应用程序。

在应用程序中通过$.ajax和xhr.setRequestHeader调用servlet。代码如下；

var userId = "testuser";
var userPin = "userpin";

var cookieData = "username=" + userId;

$.ajax({
   type: "POST",
   url: WEB_SERVICE_URL,
   data: {
        "EVENT_ID": "LOGIN",
        "userPin": userPin,
        "isHybrid": "H"
   },
   xhrFields: {withCredentials: true},
   beforeSend: function(xhr) {
        xhr.setRequestHeader("Cookie", cookieData);
   },
   success: function(response) {
        console.log(response);
        stopActivity();
   },
   error: function(err) {
        console.log(err);
        stopActivity();
   }
});

面对拒绝在控制台中设置不安全的标题“ Cookie” 错误。未设置请求标头cookie。

如何在客户端解决问题？

Answer 1

使用cordova cookie master plugin应该可以解决您的问题。该插件使您可以通过简单的界面从WebView获取和设置Cookie值。 Android和iOS平台均支持此插件。