Verwandte Themen

FrageCoding
30.07.2023, 14:07
Mit Links
Cross Origin Anfrage blockiert?

Ich möchte gerade eine REST-API für mein Heimnetzwerk einrichten um über z.B. einen button einen CMD befehl auf dem Server PC auszuführen.

Mein Pythonscript für die API:

from flask import Flask, request, jsonify
from flask_cors import CORS

app = Flask(__name__)
CORS(app)

@app.route('/execute-command', methods=['POST'])
def execute_command():
  # Hier wird der Code zum Ausführen des Befehls eingefügt
  result = "Befehl wurde ausgeführt."
  return jsonify({"response": result})

if __name__ == '__main__':
  app.run(host='0.0.0.0', port=5000)

Mein HTML Script<!DOCTYPE html>
<html>
<head>
  <title>API Test</title>
</head>
<body>
  <button id="executeBtn">Befehl ausführen</button>
<script>
  document.getElementById('executeBtn').addEventListener('click', function() {
    fetch('http://localhost:5000/execute-command', { // Verwende absolute URL
      method: 'POST',
    })
    .then(response => response.json())
    .then(data => {
      console.log(data);
    })
    .catch(error => {
      console.error('Fehler:', error);
    });
  });
</script>
</body>
</html>

Ich bekomme als Fehler von Firefox in der Konsole:

Quellübergreifende (Cross-Origin) Anfrage blockiert: Die Gleiche-Quelle-Regel verbietet das Lesen der externen Ressource auf http://localhost:5000/execute-command. (Grund: CORS-Anfrage schlug fehl). Statuscode: (null).

Fehler: TypeError: NetworkError when attempting to fetch resource

Entschuldigung wenn es offensichtlich ist, bin da noch sehr frisch und habe keine Lösung gefunden.

Netzwerk, HTML, Webseite, JavaScript, HTML5, Code, Netzwerktechnik, Port, Programmiersprache, Python, Webentwicklung, JSON, Flask
1 Antwort
abbrechen
06.09.2016, 23:26
Frage wurde 1 Mal erneut gestellt
json Daten in JavaScript auslesen und an html Elemente weiterleiten?

Hi,

mehr schlecht als recht arbeite ich mich gerade durch json und habe tatsächlich mittlerweile herausfunden, dass man zum Laden einer json-Datei ohne jQuery folgenden Ansatz zu brauchen scheint: 

function loadJSON(callback) {var xobj = new XMLHttpRequest();
xobj.overrideMimeType("application/json");
xobj.open('GET', 'data.json', true); // Replace 'my_data' with the path to your file
xobj.onreadystatechange = function () {
      if (xobj.readyState == 4 && xobj.status == "200") {
        // Required use of an anonymous callback as .open will NOT return a value but simply returns undefined in asynchronous mode
        callback(xobj.responseText);
      }
};
xobj.send(null);  
}

Wie ich damit dann allerdings Objekte und values auslese und weiterleite, ist mir schleierhaft.

Hier ist erst einmal der json Code

{"employees":
    [
        {
            "firstName": "John", 
            "lastName": "Doe"
        },
        {
            "firstName":"Anna", 
            "lastName":"Smith"
        },
        {
            "firstName":"Peter", 
            "lastName":"Jones"
        }
    ]
}

Meine Idee war ja etwas wie document.getElementbyID oder halt byClassName, um den Content im DOM zu verteilen. Aber irgendwas scheint mir zu fehlen.

Pseudocode mäßig wäre halt sowas schön: getElementbyID('title').data(firstName[0]) Irgendwie so halt ...

Was ich bisher gefunden habe, waren nur Kurzeinleitungen, wie ich den Code in der Konsole ausspucke, js Arrays erstelle (warum auch immer die Leute das in einem json Tutorial als Lösung anbieten) oder html Elemente in JavaScript mit dem json Inhalt erstelle. Wie gesagt, würde ich jedoch gerne den json Inhalt an meine bereits existierenden html Elemente weitergeben.

ps. Wenn ihr dazu eine jade-Lösung habt, wäre das natürlich noch um so prickelnder.

HTML, programmieren, JavaScript, AJAX, PHP, JSON
2 Antworten
Asdfgh4
18.02.2021, 13:28
Frage wurde 1 Mal erneut gestellt
Mit Links
Hilfe bei Manifest?

Ich brauche Hilfe bei einem Manifest. Ich mache eine Chrome Erweiterung und jetzt ist sie fertig, nur wenn ich sie in Chrome einstellen will kommt, dass ich von unten immer eine Zeile löschen muss bis das Manifest leer ist, kann mir jemand helfen?

Hier das Manifest

{
  "browser_action": {
   "default_icon": "icons/icon16.png",
   "default_title": "Slither.bot"
  },
  "content_scripts": {
   "js": [ "agario/socket.io.js", "agario/jquery.js", "agario/content.js"],
	 "css": [ "agario/ui.css" ],
   "matches": ["https://slither.io/index.html" , "https://slither.io"],
   "run_at": "document_start"
	,
  "description": "scissors",
  "icons": {
   "128": "icons/icon128.png",
   "16": "icons/icon16.png",
   "48": "icons/icon48.png"
  },
  "background": {
  "scripts": ["agario/jquery.js","agario/back.js"]
  },
  "web_accessible_resources": ["agario/socket.io.js", "agario/agarclient.js", "agario/jquery.js","data/*.json"],
  "manifest_version": 2,
  "name": "Slither.bot",
  "permissions": [ "tabs", "\u003Call_urls>", "cookies", "contextMenus", "unlimitedStorage", "notifications", "storage", "clipboardWrite", "http://*/*", "https://*/*", "webNavigation", "webRequest", "activeTab", "file:///*/", "ws://*/", "wss://*/*", "<all_urls>"],
  "update_url": "https://clients2.google.com/service/update2/crx",
  "version": "5.0.0"
}
Computer, IT, programmieren, JavaScript, Manifest, JSON
2 Antworten
DoubleTalk
22.05.2022, 19:31
Mit Links
Wo liegst in diesm Code das Problem?
        api_key = "geeeeeeeeeeändert"
        id = "2959047"
        complete_url = ("http://api.openweathermap.org/data/2.5/forecast?id=" + id + "&appid=" + api_key)
        response = requests.get(complete_url)
        
        WeatherData = response.json()
        print("Luftfeuchtigkeit: {}%".format(WeatherData["main"]["humidity"]))
        print("Luftdruck: {} hpa".format(WeatherData["main"]["pressure"]))
        print("Temperatur: {}° C".format(str(WeatherData["main"]["temp"] - 273)))
        print("Max. Temperatur: {}° C".format(str(WeatherData["main"]["temp_max"] - 273)))
        print("Min. Temperatur: {}° C".format(str(WeatherData["main"]["temp_min"] - 273)))
        print("Windgeschwindigkeit: {} m/s".format(WeatherData["wind"]["speed"]))
        print("Windrichtung: {}°".format(WeatherData["wind"]["deg"]))

Oben ist Ein Auszug aus dem Code welcher Probleme bereitet.

Satisfactory&Anderes Bot#1309 hat sich erfolreich mit dem server verbunden
Ignoring exception in on_message
Traceback (most recent call last):
 File "C:\Users\Mein Name\AppData\Local\Packages\PythonSoftwareFoundation.Python.3.10_qbz5n2kfra8p0\LocalCache\local-packages\Python310\site-packages\discord\client.py", line 343, in _run_event
   await coro(*args, **kwargs)
 File "c:\Users\Mein Name\Desktop\bot.py", line 58, in on_message
   print("Luftfeuchtigkeit: {}%".format(WeatherData["main"]["humidity"]))
KeyError: 'main'

Open Weather Map gibt mir bei einem manuellen Api Abruf per Browser Folgende Antwort: (zu lang für gute frage, habe mal den Code sammt einem Api response von heute Mittag auf eine Cloud hochgeladen.)

https://shared-assets.adobe.com/link/e9b57595-6572-4629-4efa-154577b4ef46

Vielen Dank

Computer, Code, Python, JSON
1 Antwort