在本地服务器上使用Python脚本处理HTML表单

q56731523

于 2024-09-09 11:19:42 发布

阅读量723

点赞数 10

文章标签：服务器 python html 开发语言 javascript 运维

本文链接：https://blog.csdn.net/weixin_44617651/article/details/142054252

版权

要在本地服务器上使用 Python 处理 HTML 表单，可以使用 Flask 框架，这是一个轻量级的 web 框架，特别适合快速构建和处理 HTTP 请求。

以下是如何使用 Flask 创建一个本地服务器，展示 HTML 表单并处理提交的数据。

在这里插入图片描述

1、问题背景

有一个托管在本地服务器（apache2）上的 HTML 页面，想要将一些数据发送给 Python 脚本并对其进行处理。但是，当使用表单的 action 标签时，页面不会导航到下一页；而当尝试使用 Jquery 时，脚本不会被执行。希望得到帮助，提前感谢。

HTML代码：

<body>
  <div id="Header"></div>
    <div id="wrapper">
    <form name="login-form" class="login-form" action="/cgi-bin/test.py" method="post" onsubmit="validate();return false;">
      <div class="header">
        <h1>Enter Your Credentials</h1>
        <span>URL,Admin,Tenant,Password</span>
      </div>
      <div class="content">
        <input id="Uname" name="url" type="text" class="input username" placeholder="Keystone URL" />
        <div class="user-icon"></div>
        <input id="Pname"name="admin" type="password" class="input password" placeholder="Admin" />
        <div class="pass-icon"></div>
        <input id="oPass"name="password" type="password" class="input password" placeholder="Password" />
        <div class="pass-icon"></div>
        <input id="tenant"name="tenant" type="password" class="input password" placeholder="Tenant" />
        <div class="pass-icon"></div>   
      </div>
      <div class="footer">
        <input type="submit" name="submit" value="Submit" class="button"/>
      </div>
    </form>
  </div>
</body>

JavaScript 函数：

function validate() {
    var un = document.getElementById("Uname").value;
    var valid = false;

    var unArray = ["http://192.168.1.102:5000/v2.0"];
    for (var i = 0; i < unArray.length; i++) {
        if ((un == unArray[i])) {
            valid = true;
            break;
        }
    }

    if (valid) {
        alert("Login was successful");
        location.href = 'HomePage.html';
        document.login-form.action='/cgi-bin/test.py';

        return false;
    } else {
        alert("Login was Unsuccessful");
        return false;
    }
}

Ajax 调用：

$.ajax({
  type: "POST",
  url: "/cgi-bin/test.py",
  data: "stuff_for_python="+document.getElementById("Uname").value,
  success: function(response) {
      alert(response);
  },
  error: function(data) {
      alert(data.responseText);
  }
});

Python 脚本：

#!/usr/bin/python
import cgi, cgitb
from StringIO import StringIO
import json
from io import BytesIO
import pycurl

cgitb.enable()
# Create instance of FieldStorage
form = cgi.FieldStorage()

# Get data from fields
url = form.getvalue('stuff_for_python')

print "Content-type: text/html\r\n\r\n\n"
print

print url
f = open('/home/stack/writing.txt','wb')
f.write(url)
f.close()

2、解决方案

问题的关键在于通过 post 传递的数据值。

尝试使用以下 Ajax 调用：

$.ajax(
{
   type: "POST",
   url: "/cgi-bin/test.py" ,
   data: {stuff_for_python: document.getElementById("Uname").value},
   success: function(response)
   {
       alert(response);
   },
   error: function(data)
   {
       alert(data.responseText);
   },
});

在 Python 脚本中，可以使用 form.getvalue() 方法来获取表单字段的值。
使用 cgi.FieldStorage() 实例来处理表单数据，并使用 getvalue() 方法来获取字段值。
可以使用 print 语句来在浏览器中打印输出。
使用 open() 函数来打开一个文件，并使用 write() 方法来写入数据。

修改后的代码如下：

#!/usr/bin/python
import cgi, cgitb
from StringIO import StringIO
import json
from io import BytesIO
import pycurl

cgitb.enable()
# Create instance of FieldStorage
form = cgi.FieldStorage()

# Get data from fields
url = form.getvalue('stuff_for_python')

print "Content-type: text/html\r\n\r\n\n"
print

print url
f = open('/home/stack/writing.txt','wb')
f.write(url)
f.close()