从 HTML 文本输入到 python 脚本的数据传递答案

【问题标题】：Data passing from HTML text input to python script从 HTML 文本输入到 python 脚本的数据传递
【发布时间】：2018-06-20 12:39:27
【问题描述】：

我正在使用 Django 创建一个网络抓取应用程序，它抓取 imdb 网站并根据用户在文本字段中键入的内容列出电影名称[假设如果用户键入“b”，它会列出所有以开头的电影名称字母'b'] 我有一个 html 文本输入和一个按钮。

<body>
    <h1>The IMDB Scraper</h1>
    <form method="POST" action="">
        <input type="text" name="name" placeholder="Iron Man..">
        <input type="submit" value="Search">
    </form>
</body>

我还有一个 python 脚本，它使用硬编码关键字从网站上抓取数据。

我想在按下按钮时将文本输入数据发送到这个 python 脚本并处理这些数据并将结果 hack 发送到同一个 HTML 页面进行显示。

【问题讨论】：

到目前为止你尝试了什么？
我已经使用 jQuery 访问了表单输入，当按下按钮时，现在我想在访问文本输入后立即运行 python 脚本并在同一页面上显示来自该脚本的响应表格在哪里。

标签： javascript jquery python ajax django

【解决方案1】：

是的，您可以轻松做到这一点：

创建一个以 JSON 格式获取 start 参数的视图

Python 示例：

class MyJsonForAjaxView(generic.View):

    def post(self, request, *args, **kwargs):
        if my_scrape_is_finished:
            return JsonResponse({'finished': True}, safe=False)
        return JsonResponse({'finished': False}, safe=False)

使用 POST 方法在 JavaScript 中调用该视图（= AJAX 调用）：

JavaScript 代码：

$.ajax({
    method: 'post',
    type: 'json',
    cache: false,
    url: 'my_json_url',
    data: {"start": "Initial text from textbox"}
}).done(function(data) {
    alert('call successfull!!!');
    /* data is filled with Django result, here {'finished': value} */
    if (data.finished) {
        /* handle finished */
    } else {
        /* do a small animation to show the user something is running */
    }
    /* todo: remember the call has been made and it s registered on Django side */
}).fail(function(data) {
    alert('fatal error!');
}).always(function() {
    /* whatever the result, always do something here */
});

您可以在后台执行此操作，禁用“发送”按钮，并在 AJAX 中每 3 秒向服务器询问一次。

【讨论】：