Javascript:如何通过HTTPS和AJAX调用API

Javascript: How to call an API over HTTPS and AJAX?

本文关键字:AJAX 调用 API HTTPS 何通过 Javascript      更新时间:2023-09-26

以前我的网站是http协议,所以在我的javascript中这样做是有效的:

$.ajax({
                    url: 'http://x.x.x:5000/sthng',
                    type: 'GET',
                    headers: {
                        "Authorization": "Basic " + btoa(uname + ":" + pass)
                    },
                    success: function(result) {
                        console.log(result)
                    }
                 });

但由于http不安全,我转向了HTTPS。当我尝试访问HTTPS网站时,我应该如何进行ajax调用?

顺便说一句,我正在使用Flask API前面的Tornado网络服务器。我的龙卷风服务器代码是这样的:

from tornado.wsgi import WSGIContainer
from tornado.ioloop import IOLoop
from tornado.web import FallbackHandler, RequestHandler, Application
from flask-file import app
import tornado.httpserver
class MainHandler(RequestHandler):
  def get(self):
    self.write("This message comes from Tornado ^_^")
class getToken(tornado.web.RequestHandler):
    def get(self):
        self.write("hello")
tr = WSGIContainer(app)
application = Application([
(r'/', getToken),
(r"/tornado", MainHandler),
(r".*", FallbackHandler, dict(fallback=tr)),
])
if __name__ == "__main__":
  http_server = tornado.httpserver.HTTPServer(application, ssl_options={
        "certfile": "C:/x/key.pem",
        "keyfile": "C:/x/server.key",
  })
  http_server.listen(5000)
  tornado.ioloop.IOLoop.instance().start()

这是我每次Javascript(在AJAX中使用url:"https://x.x.x:5000/sthng")调用API时在Tornado中遇到的错误:

ERROR:tornado.application:Exception in callback (<socket.socket fd=344, family=AddressFamily.AF_INET, type=SocketKind.SOCK_STREAM, proto=0, laddr=('0.0.0.0', 5000)>, <function wrap.<locals>.null_wrapper at 0x000000000499FD90>) Traceback (most recent call last):   
File "C:'Python34'lib'site-packages'tornado'ioloop.py", line 883, in
    start handler_func(fd_obj, events)  
File "C:'Python34'lib'site-packages'tornado'stack_context.py", line 275, in
    null_wrapper  return fn(*args, **kwargs)
File "C:'Python34'lib'site-packages'tornado'netutil.py", line 274, in
    accept_handler callback(connection, address)
File "C:'Python34'lib'site-packages'tornado'tcpserver.py", line 239, in
    _handle_connection do_handshake_on_connect=False) 
File "C:'Python34'lib'site-packages'tornado'netutil.py", line 510, in
    ssl_wrap_socket context = ssl_options_to_context(ssl_options)
File "C:'Python34'lib'site-packages'tornado'netutil.py", line 487, in
    ssl_options_to_context context.load_cert_chain(ssl_options['certfile'],
    ssl_options.get('keyfile', None)) ssl.SSLError: [SSL] PEM lib (_ssl.c:2515)

另外:做卷曲给了我这个:curl: (35) 与 x.x.x:5000 相关的未知 SSL 协议错误

真的迷路了!请帮忙。谢谢。

尝试将数据类型设置为"jsonp",这对我的跨源请求很有帮助。

  $.ajax({
        url: "https://x.x.x:5000/sthng/"
        dataType: "jsonp",
        success: function(data) {
          console.log(data)
        }
 });

不需要类型:获取为 AJAX 调用默认为"获取"