Beim Testen mit localhost wird ein Fehler angezeigt
Ich habe ein Problem mit meinem Code, aber ich kann es anscheinend nicht herausfinden. Wenn ich LiveServer mit Visual Studio ausführe, wird die Website geladen, aber sobald ich auf die Schaltfläche "GET" klicke, wird "ERR_CONNECTION_REFUSED" ausgegeben. Ich beschloss, mit Inspect Source etwas tiefer zu graben, und es zeigte auf diese Codezeile:
xhr.send();
Genau so zeigt uns mein Professor, wie es geht, und es funktioniert gut für ihn, sodass ich mein Problem nicht wirklich verstehe. Ich habe bereits versucht, meinen Werbeblocker zu deaktivieren, DNS zu leeren und "Proxy für LAN verwenden" zu deaktivieren. Die Browser, die ich bisher getestet habe, waren Chrome, Brave und Edge ohne Erfolg. Hier ist mein Code sowie mein genauer Fehler für alle, die neugierig sein mögen:
let url = "http://localhost:8080/api/";
$().ready(()=>{ //GET Button $('#btn-get').click(()=>{
$("#ajax-form").html ( getDeleteForm('get') ) $("#go-get-delete").click(()=>{
//get id from form
let id = $("#form-get-delete #id").val();
//create AJAX call
var xhr = new XMLHttpRequest();
xhr.open('GET',url + id);
xhr.send();
xhr.onreadystatechange = ()=>{
if(xhr.readyState == 4 && xhr.status == 200){
//Convert data to JS object
let books = JSON.parse(xhr.responseText);
processResult(books,'GET');
}
}```
`GET http://localhost:8080/api/ net::ERR_CONNECTION_REFUSED`
Antworten
@Bravo Vielen Dank für Ihre Hilfe. Ich konnte herausfinden, warum es nicht richtig funktionierte. Das Ändern des Ports auf LiveServer, um mit dem Port in meinem Code übereinzustimmen, löste das anfängliche Problem, das ich hatte. Der Funktionsfehler, den ich erhalten habe, konnte ich leicht lösen. Mir war nicht klar, dass ich Books.foreach anstelle von Books.forEach geschrieben hatte. Es sieht auch so aus, als hätte ich vergessen, das # für einige meiner Verarbeitungsfunktionen zu verwenden.