Question

我有一个用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

我确信有人会说我应该提到我想要使用的框架工作（假设您必须使用框架）。我不确定，但我已经阅读了很多关于烧瓶的内容，如果我不得不随机选择一个，我会使用烧瓶。

Answer 1

您可以尝试在后端构建API，然后您就可以从JQuery获取指定的URL并获取一些数据作为响应（通常是json）。

因此，如果您将网址定义为：http://www.example.com/users，则会返回带有用户列表的json。

该网址应与您后端的视图相关联：

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

作为一个json，你可以在JQuery中使用它来在前端渲染它。

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

1 个答案: