Estoy tratando de aprender los conceptos básicos de la API WEB, soy muy principiante. Conecté una página web HTML a un método de obtención en un controlador API WEB en C#, usando la solicitud AJAX con el objeto XMLHttpRequest con éxito. Pero estoy tratando de descubrir cómo escribirlo con el método jQuery $ .ajax y simplemente no puedo resolverlo.
El proyecto es únicamente para que descubra cómo escribir estas solicitudes solo por diversión: D, es por eso que está escrito de la manera más trivial posible.
Lo que veo cuando inicio el sitio HTML es solo el número 7: respuesta del objeto xmlhttprequest, por lo que la conexión con el controlador debe funcionar.
Este es el código HTML del sitio web:
<html> <head> <script type="text/javascript" src="jquery-3.5.1.min.js"> </script> <meta charset="utf-8" /> <title></title> </head> <body> <script> let xml = new XMLHttpRequest(); xml.onload = () => { let d = JSON.parse(xml.response); document.write(d.Id); } xml.open("GET", "https://localhost:44335/api/employees"); xml.send(); $.ajax({ type: "GET", dataType: "json", url: "https://localhost:44335/api/employees2", success: function (data) { document.write("gh"); }, error: function (data) { alert("chyba"); } }); </script> </body> </html>Este es el código del controlador de la API WEB de C# backend
namespace WebApplication8.Controllers { class employee { public string Id { get; set; } } public class EmployeesController : ApiController { [Route("api/employees")] [HttpGet] public HttpResponseMessage Geti() { employee e = new employee(); e.Id = "7"; return Request.CreateResponse(HttpStatusCode.OK,e); } [Route("api/employees2")] [HttpGet] public HttpResponseMessage a() { employee v = new employee(); v.Id = "8"; return Request.CreateResponse(HttpStatusCode.OK, v); } } }tienes que arreglar ajax en el éxito
$.ajax({ type: "GET", dataType: "json", url: "https://localhost:44335/api/employees2", success: function (data) { document.write(data.Id); }, error: function (xhr) { alert(xhr.message); } });