jQuery FlexBox:如何检索用户';s查询及;处理提交的表格?

jQuery FlexBox:如何检索用户';s查询及;处理提交的表格?,jquery,ajax,django,combobox,autocomplete,Jquery,Ajax,Django,Combobox,Autocomplete,我正在努力学习如何使用。困惑: 我的理解是,当用户在FlexBox中键入内容时,他键入的内容将通过ajax发送到服务器。我在服务器端使用Django来执行自动完成,但是如何检索用户键入的内容呢?查询是否作为参数发送?如果是,它是什么参数?如果有人能分享一些关于如何做到这一点的代码示例,我们将不胜感激 如何指定FlexBox的名称?文档中指出:“在希望FlexBox出现的任何位置向标记添加一个空div:”。但是我需要给FlexBox一个名称,这样当表单提交时,我可以处理FlexBox中的用户输入,

我正在努力学习如何使用。困惑:

  • 我的理解是,当用户在FlexBox中键入内容时,他键入的内容将通过ajax发送到服务器。我在服务器端使用Django来执行自动完成,但是如何检索用户键入的内容呢?查询是否作为参数发送?如果是,它是什么参数?如果有人能分享一些关于如何做到这一点的代码示例,我们将不胜感激

  • 如何指定FlexBox的名称?文档中指出:“在希望FlexBox出现的任何位置向标记添加一个空div:
    ”。但是我需要给FlexBox一个名称,这样当表单提交时,我可以处理FlexBox中的用户输入,对吗?那么如何给每个FlexBox命名呢


  • 谢谢

    正在发送的参数如下所示:

    var params = {
      q: q,
      p: p,
      s: pageSize,
      contentType: 'application/json; charset=utf-8'
    }
    
    因此,您正在寻找
    q
    来获取查询,
    p
    来获取页码,
    s
    来获取页面大小


    关于第二个问题:
    只要在选择器中使用相同的ID,就可以为其提供所需的任何ID,例如:

    <div id="anything"></div>
    
    它已经生成了一个名称和ID匹配的隐藏输入,这就是您在服务器端寻找的内容。例如,对于上面的代码,这将在DOM中紧接着该代码之前生成:

    
    
    我试图解决以下两个问题,但我不熟悉Django编码…所以希望知道您要的是哪些请求变量。谢谢。自动完成呢?如果用户在FlexBox中键入“au”,我如何在服务器端检索它?“au”是作为“q”或其他参数发送的吗?@Continuation-是的,它是作为
    q
    发送的,所以请在请求中查找它。@Nick-说我的自动完成建议列表很长,我需要将它们全部发送到浏览器吗,还是只发送前10个(或无论页面大小如何)?如果我可以一页一页地发送我的结果,我如何告诉FlexBox总共有多少个结果?我可以不告诉FlexBox结果的总数吗?@Continuation-是的,您可以发送任意数量的结果,当调用FlexBox时,设置页面大小如下:
    .FlexBox({paging:{pageSize:10})(请参阅flexbox主页底部的完整分页选项)。你不需要告诉它有多少,只要让你的结果服务器端从
    p
    页面开始返回
    s
    结果,例如,如果
    s
    是10,而
    p
    是2,发送结果11-20(或11什么的),有意义吗?@Nick-再次感谢。我想我明白了。但我还是有点困惑。假设我总共有59个自动完成结果,我想做我在演示中看到的“显示59个结果中的1-10个”。其中一个分页选项是“summaryTemplate:'显示{total}结果的{start}-{end}”。我不知道该怎么用。我应该将59作为“总数”传递给FlexBox吗?如果是的话,我该怎么做呢?
    $("#anything").flexbox('results.html');
    
    <input type="hidden" id="anything_hidden" name="anything" value="selectedVal" />