如何使用ajax javascript调用服务？

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

服务信息：

• 服务类型：休息
• 基本身份验证
• Estructure:Application/JSON
• 网址：
• 用户：Admi
• 密码：admi
• 参数JSON示例：{“Identification”：[“98122811999”]}

我在《邮递员》杂志上测试过这项服务

服务答复:

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

使用JQuery：

$.ajax({
键入：“POST”，
网址：'https://osb.urosario.edu.co/uxxi-URO/WsFotografias/proxy/AdministradorFotografiasJsonPS/fotos/consultar',
数据类型：“json”，
数据：{“标识”：[“98122811999”]}
contentType:“应用程序/json”
发送前：函数（xhr）{
xhr.setRequestHeader（'Authorization'，make_base_auth（“admi”，“admi”））；
},
成功：功能（数据、状态）{
//成功后对数据执行所需操作
//在本例中，响应将在浏览器控制台中升级
控制台日志（数据）；
});
});
函数make_base_auth（用户、密码）{
var tok=用户+'：'+密码；
var hash=btoa（tok）；
返回'Basic'+散列；
}

使用JQuery：

$.ajax({
键入：“POST”，
网址：'https://osb.urosario.edu.co/uxxi-URO/WsFotografias/proxy/AdministradorFotografiasJsonPS/fotos/consultar',
数据类型：“json”，
数据：{“标识”：[“98122811999”]}
contentType:“应用程序/json”
发送前：函数（xhr）{
xhr.setRequestHeader（'Authorization'，make_base_auth（“admi”，“admi”））；
},
成功：功能（数据、状态）{
//成功后对数据执行所需操作
//在本例中，响应将在浏览器控制台中升级
控制台日志（数据）；
});
});
函数make_base_auth（用户、密码）{
var tok=用户+'：'+密码；
var hash=btoa（tok）；
返回'Basic'+散列；
}

您可以使用以下命令调用上述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年开发的应用程序。

您可以使用以下方法调用上述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年开发的应用程序。

在这里找到您需要的所有信息-在这里找到您需要的所有信息-谢谢@Momo Setti出现此错误：访问“osb.urosario.edu.co/uxxi URO/WsFotografias/proxy/…”处的XMLHttpRequest，源代码“urosario.edu.co”已被CORS策略阻止：对飞行前的响应请求未通过访问控制检查：请求的资源上不存在“访问控制允许来源”标头。hi@FelipeMoreno。欢迎随时光临，您只需修复/绕过CROS功能，它由浏览器提供，以确保用户客户端的安全。感谢@Momo Setti出现此错误：从源站“urosario.edu.co/uxxi URO/WsFotografias/proxy/…”访问XMLHttpRequest“urosario.edu.co”已被CORS策略阻止：对飞行前请求的响应未通过访问控制检查：无“访问控制允许源站”标头存在于请求的资源中。hi@FelipeMoreno。欢迎随时使用，您应该修复/绕过浏览器提供的CROS功能，以确保用户客户端的安全。