curl的REST調用相當於jQuery AJAX

Question

我能夠在命令行上使用以下命令來使用REST服務。

捲曲-v --user UNAME：通-H 「接受：應用程序/ XML」 http://xyz.abc.def

什麼是AJAX等價的一樣嗎？如何在ajax調用中提供用戶名：密碼？我不UNAME當前功能：密碼是：

function getData() { 
 
    var name, code; 
 
    var serviceURL = "http://xyz.abc.def"; 
 
    $.support.cors = true; 
 
    $.ajax({ 
 
    type: "GET", 
 
    dataType: "xml", 
 
    crossDomain: true, 
 
    url: serviceURL, 
 
    success: function(data) { 
 
     $(data).find("VariableTree Variable").each(function() { 
 
     code = $(this).find("Code").text(); 
 
     name = $(this).find("Name").text(); 
 

 
     $("#variable").append("<option data-value='" + code + "'>" + name + "</option>") 
 
     }); 
 
    }, 
 
    error: function(XMLHttpRequest, textStatus, errorThrown) { 
 
     console.log(errorThrown); 
 
    } 
 
    }); 
 
}

PS：服務是由Spring Security的

Answer 1

讓我們打破curl命令：

捲曲-v --user UNAME：通-H 「接受：應用程序/ XML」 http://xyz.abc.def

-v是冗長的，在阿賈克斯不需要

--user是純文本的用戶身份驗證，但它被髮送作爲基本認證

-H「接受：應用/ xml」的是添加報頭「接受：應用/ XML

在jQuery的阿賈克斯複製這一點，我們需要做的幾件事情：

1. 發送用戶名和密碼，在基本認證頭
2. 接受XML作爲返回的數據類型
3. 發送AJAX請求作爲GET因爲這是捲曲

// this function takes a username and password 
 
function make_base_auth(user, password) { 
 
    var tok = user + ':' + pass; 
 
    // Base64 encoding is what is used by basic auth let's encode our username:password 
 
    var hash = Base64.encode(tok); 
 
    // Let's return the auth header 
 
    return "Basic " + hash; 
 
} 
 

 
// let's get the data 
 
function getData() { 
 
    var name, code; 
 
    var serviceURL = "http://xyz.abc.def"; 
 
    // getting the auth header value 
 
    var basicAuth = make_base_auth(uname, pass); 
 
    $.support.cors = true; 
 
    $.ajax({ 
 
    // using http get as the command type 
 
    type: "GET", 
 
    // accepting xml as the return type 
 
    dataType: "xml", 
 
    crossDomain: true, 
 
    url: serviceURL, 
 
    // setting the basic auth header 
 
    beforeSend: function(xhr) { 
 
     xhr.setRequestHeader("Authorization", basicAuth); 
 
    }, 
 
    success: function(data) { 
 
     $(data).find("VariableTree Variable").each(function() { 
 
     code = $(this).find("Code").text(); 
 
     name = $(this).find("Name").text(); 
 

 
     $("#variable").append("<option data-value='" + code + "'>" + name + "</option>") 
 
     }); 
 
    }, 
 
    error: function(XMLHttpRequest, textStatus, errorThrown) { 
 
     console.log(errorThrown); 
 
    } 
 
    }); 
 
}

標準

請注意[MPO]：如果服務接受JSONP，我會建議使用而不是CORS，但是要麼會給出相同的最終結果。

Answer 2

---

嗨擔保，如果要覆蓋htpasswd的安全，我想你只需要寫你的網址，如：

var serviceURL = "http://admin:pass@xyz.abc.def";