從 JavaScript 呼叫 Python

Shraddha Paghdar 2022年5月1日
從 JavaScript 呼叫 Python

從前端呼叫伺服器檔案 (HTML) 是每個動態網站的常見用例。所有的動態網站都通過各種方式與伺服器連線。

本文介紹如何從 JavaScript 呼叫 Python。

使用 ajax 從 JavaScript 呼叫 Python

AJAX 代表非同步 JavaScript 和 XML。它利用 XMLHttpRequest 物件與伺服器進行通訊。

它可以傳送和接收多種格式的資訊,包括 HTML、XML、JSON 和文字檔案。AJAX 最有趣的特性是它的非同步特性,這意味著它可以與伺服器通訊、交換資料和重新整理頁面,而不必重新整理頁面。

下面是允許你執行的 AJAX 的兩個主要功能。

  1. 向伺服器發出非同步請求,無需重新載入 HTML/JavaScript 頁面。
  2. 從伺服器接收資料並根據客戶的要求進行處理。

語法:

$.ajax({
  url: "SERVER_URL",
  data: { param: text },
  type: "HTTP_METHOD",
}).done(function() {
    /* Process the data */
});
  1. ajax 方法接受 URL 作為輸入引數,一個包含請求傳送到的 URL 的字串。
  2. Data 是一個 JSON 物件,其中包含要傳送到伺服器的引數。如果 HTTP 方法是不能具有實體主體的方法,例如 GET,則資料將附加到 URL。
  3. type 是用來請求伺服器的 HTTP 方法。
  4. .done 是成功回撥選項的替代構造,具體實現請參考 deferred.done()

例子:

$.ajax({
  type: "POST",
  url: "~/helloWorld.py",
  data: {
    param: "hello world",
  }
}).done((o) => {
   console.log(o)
});

在上面的程式碼中,我們使用引數為 hello world 向伺服器發出 POST 請求。它將呼叫 helloWorld.py Python 檔案,該檔案將接受輸入引數並處理資料。

然後它將響應返回給客戶端。

輸出:

Thank you.
Shraddha Paghdar avatar Shraddha Paghdar avatar

Shraddha is a JavaScript nerd that utilises it for everything from experimenting to assisting individuals and businesses with day-to-day operations and business growth. She is a writer, chef, and computer programmer. As a senior MEAN/MERN stack developer and project manager with more than 4 years of experience in this sector, she now handles multiple projects. She has been producing technical writing for at least a year and a half. She enjoys coming up with fresh, innovative ideas.

LinkedIn