javascript - 使用 Ajax.Request 进行身份验证

Question

我目前有一个 Palm WebOS 应用程序，它使用 Ajax.Request 通过基本身份验证连接到 Web 服务。要发送用户名和密码，我只需将其包含在 url 中(即 http://username:password@ip-address:port/ )，效果非常好，预计当密码包含字母数字字符以外的任何内容时(例如，我最近有一个用户给我发了一封电子邮件，其中包含他的密码中有“@”和“&”，但他无法连接，因为这些符号没有被正确解析为 URL)。有什么办法可以在 url 中发送凭据，以便我可以允许用户在密码中使用字母数字以外的其他内容吗？

    var username = cookie.get().servers[this.serverIndex].username;
    var password = cookie.get().servers[this.serverIndex].password;
    this.auth = 'Basic ' + Base64.encode(username + ':' + password);
    var baseUrl = 'http://' + url + ':' + port + '/gui/';
    this.baseUrl = baseUrl;


    var request = new Ajax.Request(this.tokenUrl, {
        method: 'get',
        timeout: 2000,
        headers: {
            Authorization: this.auth
        },
        onSuccess: successFunc,
        onFailure: this.failure.bind(this)
    });

响应是(出于安全原因我删除了网址):

{"request": {"options": {"method": "get", "asynchronous": true, "contentType": "application/x-www-form-urlencoded", "encoding": "UTF-8", "parameters": {}, "evalJSON": true, "evalJS": true, "timeout": 2000, "headers": {"Authorization": "Basic c3VubW9yZ3VzOmZyb2dneUAlMjY="}}, "transport": {"readyState": 4, "onloadstart": null, "withCredentials": false, "onerror": null, "onabort": null, "status": 401, "responseXML": null, "onload": null, "onprogress": null, "upload": {"onloadstart": null, "onabort": null, "onerror": null, "onload": null, "onprogress": null}, "statusText": "", "responseText": "", "UNSENT": 0, "OPENED": 1, "HEADERS_RECEIVED": 2, "LOADING": 3, "DONE": 4}, "url": ""

Answer 1

发送带有 header 的基本身份验证信息: http://coderseye.com/2007/how-to-do-http-basic-auth-in-ajax.html

var auth = 'Basic ' + Base64.encode(user + ':' + pass);
Ext.Ajax.request({
    url : url,
    method : 'GET',
    headers : { Authorization : auth }
});