8wDlpd.png
首页
8wDFp9.png
分类
8wDEOx.png
8wDMfH.png
消息
8wDKte.png
我的
  2. ajax
  3. 将文本粘贴到表单中时加载数据

将文本粘贴到表单中时加载数据

coder rock 3月前
114 0

我有一个搜索表单，当有人在其中输入内容时，它会做出反应。我希望它在粘贴内容时也能做出反应，可以吗？现在，粘贴的文本后面必须有一个空格。

我有一个搜索表单，当有人在其中输入内容时，它会做出反应。我希望它在粘贴内容时也能做出反应，可以吗？现在，粘贴的文本后面必须有一个空格。 

<input type="text" name="search_text" id="search_text" placeholder="&#xf002;" class="fontAwesome" />

<div id="result"></div>
<script>
    $(document).ready(function () {
        load_data();
        function load_data(query) {
            $.ajax({
                url: "oSearch.php",
                method: "POST",
                data: { query: query },
                success: function (data) {
                    $("#result").html(data);
                },
            });
        }
        $("#search_text").keyup(function () {
            var search = $(this).val();
            if (search != "") {
                load_data(search);
            } else {
                load_data();
            }
        });
    });
</script>
帖子版权声明 1、本帖标题：将文本粘贴到表单中时加载数据
    本站网址：http://xjnalaquan.com/
2、本网站的资源部分来源于网络，如有侵权，请联系站长进行删除处理。
3、会员发帖仅代表会员个人观点，并不代表本站赞同其观点和对其真实性负责。
4、本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
5、站长邮箱：yeweds@126.com 除非注明，本帖由coder rock在本站《ajax》版块原创发布， 转载请注明出处！
收藏的用户（0） X
正在加载信息~
最新回复 (0)
  • 引用 9楼

    我们有一个复杂的 Web 应用程序，通常通过 RedHat JBoss EAP 7.4 提供服务，我们正尝试将其与 Wildfly 26.1.3（javax → jakarta 之前的最新版本）一起使用。对于 UI，我们使用 Primefaces 13.0.8（...

    我们有一个复杂的 Web 应用程序，通常通过 RedHat JBoss EAP 7.4 ，我们正尝试将其与 Wildfly 26.1.3 （javax → jakarta 之前的最新版本）一起使用。对于 UI，我们使用 Primefaces 13.0.8 （最新版本）。

    ， 相当 简单， 带有选项卡视图和一些动态内容， 无法使用 Wildfly 我仍在寻找解决方案。同样的 UI 适用于我们的 EAP 安装。

    以下是精简版： 

    <ui:composition xmlns="http://www.w3.org/1999/xhtml"
            xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
            xmlns:h="http://xmlns.jcp.org/jsf/html"
            xmlns:p="http://primefaces.org/ui"
            template="/WEB-INF/templates/minimal.xhtml">

<ui:define name="body">

    <h:form>
        <p:tabView dynamic="true" cache="false">
            <p:tab title="Tab 1">
                <h:inputText>
                    <p:ajax event="keyup" update="time" />
                </h:inputText>
                <h:outputText value="#{developer.timestamp}" id="time" />
            </p:tab>
            <p:tab title="Tab 2">
                Content
            </p:tab>
        </p:tabView>
    </h:form>

</ui:define>
</ui:composition>

    相关部分是 <p:tabView dynamic="true" cache="false"> 我们在整个 UI 中使用它来允许复杂的选项卡视图在需要时快速呈现，而不是提前呈现。

    就上述示例而言，到目前为止，UI 无法与 Wildfly 配合使用（更新）。 但如果我简单地从 更改 dynamic="true" 为 dynamic="false" 它就会开始工作。

    这里有一个小 GIF，显示了如果我输入一些数据会发生什么情况。右边的时间戳应该更新。但 dynamic="true" 它不起作用。

    enter image description here

    我错过了什么？ 我一点头绪都没有……

    更新

    这似乎与部分状态保存有关。请参阅 https://github.com/da3x/PARTIAL_STATE_SAVING 以获取可重现的最小示例。

返回
作者最近主题：