如何使用 ajax javascript 调用服务？

Question

我正在学习编程，你能解释一下如何使用 ajax javascript 调用服务吗？

服务信息：

服务类型：REST
基本身份验证
结构：Application/JSON
Url: https://osb.urosario.edu.co/uxxi-URO/WsFotografias/proxy/AdministradorFotografiasJsonPS/fotos/consultar
用户：Admi
密码：admi
参数JSON示例：{"identificacion":["98122811999"]}

我已经在邮递员中测试过这项服务

服务回答：

{
    "respuesta": [
        {
            "estado": "Correcto.",
            "identificacion": "98122811999",
            "imagen": "return string Base 64 format"
        }
    ]
}

Answer 1

使用JQuery：

$.ajax({
    type: 'POST',
    url: 'https://osb.urosario.edu.co/uxxi-URO/WsFotografias/proxy/AdministradorFotografiasJsonPS/fotos/consultar',
    dataType: 'json',
    data:{"identificacion":["98122811999"]}
    contentType: "application/json"
    beforeSend: function (xhr) {
        xhr.setRequestHeader('Authorization', make_base_auth("admi", "admi"));
    },
    success: function (data,status) {
     //do what you want with the data after success
     //in this example the response will be promoted in the browser console
     console.log(data);
    });
});

function make_base_auth(user, password) {
    var tok = user + ':' + password;
    var hash = btoa(tok);
    return 'Basic ' + hash;
}

Answer 2

您可以使用以下方法调用上面的 RestEndpoint：

xmlhttp.open("POST", "/EndpointURI", true);
 
xmlhttp.onreadystatechange = function() 
{
    if (this.readyState == 4 && this.status == 200) 
    {
        //Use parse() method to convert JSON string to JSON object
        var responseJsonObj = JSON.parse(this.responseText);
 
        //use response
    }
};
 
var jsonData = {"name" : "yourData"};
xmlhttp.send( JSON.stringify( jsonData ) );

对于身份验证，请使用：

var xhr = new XMLHttpRequest();
xhr.open("GET", "https://EndPointURI", true);
xhr.withCredentials = true;
xhr.setRequestHeader("Authorization", 'Basic ' + btoa('userName:password'));
xhr.onload = function () {
    console.log(xhr.responseText);
};
xhr.send();

对于身份验证部分，使用JQuery，这样实施起来容易，理解起来也容易。现在没有人使用基本的 xmlhttp 在 javascript 中调用 api，我上次使用的是 2003 开发的应用程序。

如何使用 ajax javascript 调用服务？

how to call a service using ajax javascript?

javascript

ajax

rest

web-services