我有一个PHP脚本,该脚本的表单带有两个输入字段。当用户单击提交按钮,检索结果并将其打印回我输入字段下方的同一PHP页面时,我的页面需要将这两个输入值传递回我的Python CGI script
(calculate.py)中(不刷新页面) 。
我尝试了对脚本的简单表单操作调用,但它们使我进入了新页面,即我自己的脚本打开。然后,我读到答案,指出要进行动态页面更新,需要使用JS和AJAX,从而根据这些准则在我的PHP文件中创建了一个称为python_process()
的JS函数。
但是,当我当前单击提交时,我的输入字段下面什么都没有显示。
我也尝试通过查看开发者控制台来调试它,但是那里什么也没有出现。
这是我的PHP代码:
<?php
print "<html>";
print "<script type=\"text/javascript\" src=\"http://code.jquery.com/jquery-1.4.4.min.js\"></script>";
print "<script>
function python_process() {
var cancellationrate = $('input[name=cancellationrate]').val();
var waitingtime = $('input[name=waitingtime]').val();
$.ajax({
url: \"/cgi-bin/calculate.py\",
type: \"POST\",
contentType: \"application/x-www-form-urlencoded\",
data: {\"cancellationrate\" : cancellationrate, \"waitingtime\": waitingtime },
success: function(response){
$(\"#result\").html(response);
}
});
};
</script>";
print "<link rel=\"stylesheet\" href=\"https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css\" integrity=\"sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T\" crossorigin=\"anonymous\">
";
print "<br/>";
print "<div class=\"container\">";
print "<form name=\"calculate\" id=\"calculate\" method=\"post\">";
print "<div class=\"form-group row\">";
print "<label for=\"cancellationrate\" class=\"col-sm-2 col-form-label\">Cancellation Rate</label>";
print "<div class=\"col-lg-10\">";
print "<input type=\"text\" style=\"width: 400px\" class=\"form-control\" name=\"cancellationrate\" id=\"cancellationrate\" placeholder=\"Expected % Change in Cancellation Rate\">";
print "</div>";
print "</div>";
print "<div class=\"form-group row\">";
print "<label for=\"waitingtime\" class=\"col-sm-2 col-form-label\">Waiting Time</label>";
print "<div class=\"col-lg-10\">";
print "<input type=\"text\" style=\"width: 400px\" class=\"form-control\" name=\"waitingtime\" id=\"waitingtime\" placeholder=\"Expected % Change in Waiting Time\">";
print "</div>";
print "</div>";
print "<center><button type=\"button\" onclick=\"python_process()\" class=\"btn btn-primary\">Submit</button></center>";
print "</form>";
print "</div>";
print "<div id=\"result\"></div>";
?>
这是我的calculate.py CGI脚本:
#!/anaconda3/bin/python3
import cgi
print ("Content-type: text/html\n\n")
data = cgi.FieldStorage()
cancellation_rate = int(form.getvalue('cancellationrate'))
waitingtime = int(form.getvalue('waitingtime'))
result = cancellation_rate * waitingtime
print(result)