将 JavaScript 变量传递到代码段

Question

我正在为我的 ModX 应用程序创建一个搜索表单，该表单由一个块和一个 sn-p 组成。我想要实现的是将输入到搜索框中的内容传递给 javascript 变量，然后将其传递给我的 sn-p，但是，sn-p 接收文字文本，而不是我输入的值我调用它时的参数。

我不知道我在 ModX 中是否可以尝试我的尝试，或者我是否需要采取不同的方法，但我非常感谢任何能提供任何见解的人。

块：

<script>
$('.search-btn').click(function() {
    var search = $('.search-entry').val();
    [[showSearchResults? &q=`search`]]
});
</script>

片段：

<?php
$search = $modx->getOption('q', $scriptProperties);
echo $search; // this always prints "search"
?>

Answer 1

我怀疑这段代码是否有意义：

<script>
    $('.search-btn').click(function() {
    var search = $('.search-entry').val();
    [[showSearchResults? &q=`search`]]
    });
</script>

sn-p 调用返回 sn-p 的执行结果，参数 q 在您的情况下始终等于字符串“搜索”，最后在您的页面上，您将看到如下内容：

<script>
    $('.search-btn').click(function() {
    var search = $('.search-entry').val();
    'search' // assuming your snippet just returns what has been passed to it.
    });
</script>

为了完成您的任务，您可以使用一个简单的技巧。像这样调用你的 sn-p：

[[!yourSnippet? &yourVar=`[[!#POST.yourVar]]` ]] // or GET

假设这个 sn-p 调用位于您服务器上可通过 url /test/ 访问的页面上。因此，现在您只需将使用 AJAX 从搜索表单中收集的参数发送到您的 sn-p 所在的 /test/ 页面：

var yourVar = $('.search-entry').val();
$.ajax({
   type: "POST",
   url: "/test/",
   data: {yourVar: yourVar},
   success: success,
   dataType: "html"
});

希望对你有帮助:)

PS如果你想搜索资源内容和电视内容，我强烈推荐一个额外的叫做SimpleSearch。