Question

我在我的python cgi代码中使用隐藏的表单将信息传递给另一个cgi文件（让我们称之为printer.cgi）来打印表单中的信息。由于本教程，我还制作了可点击的文本链接，这些链接都指向同一个打印机文件：

http://www.thesitewizard.com/archive/textsubmit.shtml

隐藏表单包含一个庞大的嵌套字典，该字典已使用JSON编码为文本。然后打印机文件将该字符串转换回字典对象。根据单击的链接，打印机文件决定要打印的字典中的哪些信息。然而，解码和编码整个字典是低效的，并且真的减慢了我的程序。相反，我想通过隐藏的形式提交较小的dictonary对象来打印而不是整个字典。以下是我目前正在做的一个例子：

JavaScript代码：

function getDetails(selectedField) 
        {
            document.Results.resultsToPrint.value = selectedField;
            document.Results.submit();
        }

Python方法：

def transferTestResults(testResults, PRINTER_FILE_DIRECTORY):
        form = "<form name = 'Results' method = 'post' action = '%s'> \n" % (PRINTER_FILE_DIRECTORY)
        dataString = str(json.dumps(testResults)) #converting massive dictionary into string
        dataString = dataString.replace("\"", "&quot;")
        form += "<input type = 'hidden' name = 'testResults' value = \"%s\">" % (dataString) 
        form += "<input type = 'hidden' name = 'resultsToPrint' > \n"#value is determined by javascript:getDetails()
        form += "</form> \n"
        return form

这里的testResults是一本大词典。相反，我宁愿为每个嵌套字典创建一个表单，例如：

def transferTestResults(testResults, DETAIL_GENERATOR_DIRECTORY):
    form = "<form name = 'Results' method = 'post' action = '%s'> \n" % (DETAIL_GENERATOR_DIRECTORY)
    dataString1 = str(json.dumps(testResults['testPasses']))
    dataString1 = dataString.replace("\"", "&quot;")
    dataString2 = str(json.dumps(testResults['testFailures']))
    dataString2 = dataString.replace("\"", "&quot;")
    dataString3 = str(json.dumps(testResults['commandPasses']))
    dataString3 = dataString.replace("\"", "&quot;")
    dataString4 = str(json.dumps(testResults['commandFailures']))
    dataString4 = dataString.replace("\"", "&quot;")
    form += "<input type = 'hidden' name = 'testResults1' value = \"%s\">" % (dataString1)
    form += "<input type = 'hidden' name = 'testResults2' value = \"%s\">" % (dataString2)
    form += "<input type = 'hidden' name = 'testResults3' value = \"%s\">" % (dataString3)
    form += "<input type = 'hidden' name = 'testResults4' value = \"%s\">" % (dataString4) 

    form += "<input type = 'hidden' name = 'resultsToPrint' > \n"#value is determined by javascript:getDetails()
    form += "</form> \n"
    return form

然后，我根据点击的链接提交特定字段。例如，如果我单击链接1，那么它将仅发送带有dataString1的字段。基本上问题归结为此，我可以在表单中提交某些字段而不是基于用户操作的整个表单

Answer 1

以下只是一个简单的例子，说明如何解决这个问题。您可以默认禁用所有输入，然后在提交表单之前启用您想要的输入。

我刚刚使用其提交方法提交了表单，您可能想要使用AJAX或其他任何方法。此外，您可能希望动态附加侦听器，或使用事件委托（这将是我的首选设计）。

<script>

function doSend(el) {
  var form = document.forms['form0'];
  var controlName = el.getAttribute('data-sendName');
  form[controlName].disabled = false;
  form.submit();
}

</script>

<form id="form0">
  <input name="foo" value="foo" disabled>
  <input name="bar" value="bar" disabled>
</form>

<p onclick="doSend(this)" data-sendName="foo">Send foo</p>
<p onclick="doSend(this)" data-sendName="bar">Send bar</p>

Answer 2

当然，您可以在点击事件上使用ajax发布您的数据：

$('#input1').on('click', function(){
    var value1 = $('#input1').val();
    $.post("test.php", {name: value1, time: "2pm"});
})

选择要在表单

2 个答案: