如何使用 JavaScript 访问本地拥抱 API？答案

【问题标题】：How can I access a local hug API using JavaScript?如何使用 JavaScript 访问本地拥抱 API？
【发布时间】：2019-10-13 00:12:45
【问题描述】：

我有一个 Apache2 网络服务器和一个 Python 拥抱服务器正在运行。两者都在不同的端口上运行。我现在想使用 jQuery 向拥抱服务器发送一个请求。由于这是跨域，我想我必须使用类似的东西：How do I send an AJAX request on a different port with jQuery? 带回调参数的jsonp。

我的问题是： - 我的方法合理吗？ - 拥抱是否支持带有回调的 jsonp？ - 是否有更好的解决方案在 javascript 和 Python 拥抱 API 之间进行通信？

【问题讨论】：

标签： python jquery json hug

【解决方案1】：

如果您只需要在 API 上发送 GET 请求，您可以使用 jQuery 方法：

$.getJSON(your_url, function(json_received){
      console.log(json_received);
    });

如果您需要通过POST 请求发送数据，您需要在ajax 方法中添加更多参数：

    $.ajax({
          type: 'POST',
          contentType: 'application/json; charset=utf-8',
          url: your_url,
          dataType: 'json',
          data: JSON.stringify({'message':'your_message}),           
          success: function(data_received) {
            console.log(data_received);
          },
          error: function(error) {
            console.log(error);
          }
      });

在 API 响应中需要添加参数{'Access-Control-Allow-Origin': '*'} 以允许跨域。

【讨论】：

感谢您的快速回复！这也适用于不同的端口吗？
是的，您可以在your_url 中指定端口。例如http://127.0.0.1:5000，如果它是 5000 端口上的本地主机。