8wDlpd.png
8wDFp9.png
8wDEOx.png
8wDMfH.png
8wDKte.png

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

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)
  • 我们有一个复杂的 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 以获取可重现的最小示例。

返回
作者最近主题: