不能从简单的玉石形态创建 uri

Question

>我有一个简单的玉形，有 2 个字段，我想从这些字段中获取输入并生成一个符合我的 API 的 URI。

我的玉石形态是这样的：

doctype html
html
  include head
  body
    form(method='GET', action='/' + firstName + '/' + lastName)
      | firstName:
      br
      input(type='text', name='firstName', value = firstName)
      br
      | lastName:
      br
      input(type='text', name='lastName', value = lastName)
      br
      br
      input(type='submit', value='Submit')

我希望得到类似/John/Doe的东西，我可以用我的 API 处理。

相反，我得到了undefined/undefined?firstName=John&lastName=Doe

关于如何解决此问题的任何想法？

Answer 1

我同意maze-le，你不能用Jade这样做。Jade有服务器端模板javascript，但你需要的是客户端javascript。使用jQuery，它可能看起来像这样：

$(function() {
  $('form input[type=submit]').click(function(e) {
    e.preventDefault();
    firstName = $('form input[name=firstName]').val();
    lastName = $('form input[name=lastName]').val();
    window.location.href = '/' + firstName + '/' + lastName;
  });
});

Answer 2

我认为仅使用jade/html不可能完成，至少不能使用您想要的GET路径。 firstName和lastName正在解释时，玉译员打了一行：

form(method='GET', action='/' + firstName + '/' + lastName)

目前，这两个变量都是未定义的。与大多数模板语言一样，jade 是词法范围的，这意味着在您的情况下：这些变量以前从未见过或定义过，因此它们是未定义的。

对可能的解决方案的一些建议：

1. 在服务器端：将 firstName 和 lastName 视为参数，而不是特定 uri 路径的一部分。然后，您的服务器应评估参数字符串：firstName=John&lastName=Doe 。这仅适用于jade/html。但是您必须为您的操作定义一个特定的路径。

2. 使用 javascript 进行客户端-服务器通信。这样，您可以操作服务器调用的各个方面。