Sammy 拦截了不是添加的路由之一的 POST

Question

我有一个应用程序使用 Sammy 进行一些简单的客户端路由。

其中一个页面有一个“Download Pdf”按钮，它需要做一个POST来获取和下载一个pdf文档（不是很安静，我知道，但由于数据量很大，它必须是一个POST我提交）。它使用动态创建、填充和提交<form> 元素的旧技巧来做到这一点。

一切正常，除了我可以在控制台中看到来自 sammy 的错误，即找不到我的路线。请注意，这不是一条路线，甚至不是 Sammy 应该处理的动词。

Here is my reduced test case

Sammy(function initializeClientRouting(app) {
  app.get('#/', show('#default'));
  app.get('#/test', show('#test'));

  function show(selector) { return function() {
    $('section').slideUp();
    $(selector).slideDown();
  }; }
}).run('#/');

$('button').click(function() {
  var form = $("<form method=post action: 'http://www.google.com'>").hide();
  $('<textarea name=q>').text("search text").appendTo(form);
  form.appendTo('body').submit().remove();
});

有谁知道如何防止这个错误？这是 Sammy 的错误吗？

Answer 1

这是 sammy 和 JQuery 行为的组合（错误？）。当以您放置的方式动态生成时，表单标签将呈现为

 <form www.google.com'="" 'http:="" action:="" method="post">

这将尝试 POST 到当前页面，可能类似于

http://blah/# or http://blah/#/test

由于某种原因，Sammy 会因为主题标签而被触发，找不到配置的 POST 并记录错误。

摆弄你的例子，对我有用的是：

    var form = $("<form>");
    form.attr('method', 'post');
    form.attr('action', 'http://www.google.com');
    $('<textarea name=q>').text("search text").appendTo(form);
    form.appendTo('body').submit().remove();

这似乎生成了正确的 HTML 并消除了 Sammy 错误。