在相同的CloudPage中执行AMPScript

Question

我正在尝试更新AMPscript中的一个变量，以便获得包含关键字的值列表。这个值被插入到输入中，然后我单击搜索按钮来查找结果。我尝试添加一些jQuery代码，但这不起作用。如何将输入的值放入AMPscript并用这些值刷新表？

这是我当前的代码：

​

<div>
  <label for="keyword">Please enter a keyword for search</label>
  <input type="text" id="keyword" name="keyword">
  <button id="searchBtn">Search</button>
</div>
<div id="content">
%%[
var @rows, @rowcount, @i, @code, @value, @keyword
set @rows = LookupRows("MyDataExtension","Active",1)
set @rowcount = RowCount(@rows)
IF @rowcount > 0 THEN]%%
<table>
  <tr>
    <th>Code</th>
    <th>Value</th>
  </tr>
%%[
FOR @i = 1 TO @rowcount DO
set @row = Row(@rows, @i)
set @code = Field(@row,"Code")
set @value = Field(@row,"Value")
]%%
  <tr>
    <td>%%=v(@code)=%%</td>
    <td>%%=v(@value)=%%</td>
  </tr>
%%[NEXT @i]%%
</table>
%%[ELSE]%%
<p>
  No Account Records
</p>
%%[ENDIF]%%
</div>

​

Answer 1

我的建议是创建第二个页面，它将为您检索数据并以JSON的形式返回数据。

然后，使用jQuery或普通的JavaScript向该页面发送一个带有一些参数的Ajax请求，并在回调时动态构建您的HTML。

这里有一篇你可能会感兴趣的文章：

https://ampscript.xyz/how-tos/how-to-enhance-your-forms-with-ajax-and-ampscript/