jquery - 如何将前端 HTML/JQuery 连接到后端 Python

标签 jquery python html server

我有一个用 HTML 编写的网页,并且使用 JQuery 完成操作。下面的 html 代码没有使用任何 JQuery,但我想我应该提到这一点,因为我可能需要在其中放置一些 AJAX。

这里是“前端”

index.html

<!DOCTYPE html>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="javaScript.js"></script>

<html>

<div id="liveOutputTitle">
<h1><span>Live Output</span></title>
</div>

<div id="liveOutput">
Value 1 From Python: <input type="text" name="Value1" id="Value1" value="0"><br>

Value 2 From Python: <input type="text" name="Value2" id="Value2" value="0"><br>

Value 3 From Python: <input type="text" name="Value3" id="Value3" value="0"><br>

</div>

我有一个 JQuery 文件,它不会影响我放入 html 文件中的任何内容。但这里是对该文件的引用。

jquery.js

$(document).ready(function(){
    //logic for other functionality of the site

    //I'm assuming some AJAX goes here
});

我的最终目标是拥有一个可以从某处提取值的 python 程序,并且我希望这些值显示在输入字段中。

我的Python“服务器端”代码。执行如下操作:

serverSide.py

#!/usr/bin/env python

def getValueOne():
    //gets the value from wherever
    valueOne = 1

def getValueTwo():
    //gets the value from wherever      
    valueTwo = 2

def getValueThree():
    //gets the value from wherever
    valueThree = 3

如何在 python 中获取此处的值,以将这些值更改为 HTML 中相应的输入值?

我尝试使用一些 AJAX 教程来解决这个问题,但我还没有设法将逻辑完全整合在一起。我已通读this , this ,和this ,但我仍然不确定如何连接这个逻辑。如有任何帮助,我们将不胜感激。

编辑 1

我确信有人会说我应该提到我想要使用什么框架(假设你必须使用框架)。我不确定,但我读过很多关于 Flask 的文章,如果我必须随机选择一个,我会使用 Flask。

最佳答案

您可以尝试在后端构建一个API,然后您将能够从JQuery获取指定的url并获取一些数据作为响应(通常是json)。

因此,如果您将 url 定义为:http://www.example.com/users 它将返回一个包含用户列表的 json。

该 url 应与后端中的 View 关联:

import json
def getUsers():
    users = db.get_users() # just an example
    return json.dumps(users)

作为 json,您可以在 JQuery 中使用它来在前端渲染它。

关于jquery - 如何将前端 HTML/JQuery 连接到后端 Python,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30246118/

相关文章:

javascript - 仅使用 Javascript 设置 HR 标签的宽度

javascript - AngularJS ng-重复随机顺序

javascript - 使用三元 if...else 运算符时出错

jQuery 选择性悬停

javascript - 我如何将数据加载到 AngularJS 模态?

python - 替换 NumPy 数组的某些给定索引的最有效方法是什么?

python - python中的控制台选择菜单

python - 将目录添加到 Python sys.path,以便每次使用 Python 时都包含它

html - 使用 html 文件中的链接创建搜索框?

javascript - JQuery 可选函数