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

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

coder rock 3月前

129 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)
  • 我正在创建一些 CDS 视图,为此我需要从 SAP 上的 RSPARAM 报告中调用一些参数,该报告是通过执行 tcode SE32 生成的。我没有 ABAP 经验。有人可以吗...

    我正在创建一些 CDS 视图,为此我需要从通过执行 tcode SE32 生成的 SAP 上的 RSPARAM 报告中调用一些参数。我没有 ABAP 经验。有人可以告诉我如何在表或视图中捕获此报告的输出吗?这样,我就可以更轻松地从我的 CDS 视图中引用此报告中的值。

  • 我安装了带有插件的 Eclipse 2024-03 来管理 AVR MCU。但是当我尝试使用 Windows->Preference->AVR 窗口指示我打算使用哪个 MCU 编程器时,尽管我可以看到...

    我安装了 Eclipse 2024-03 插件来管理 AVR MCU。但是当我尝试使用窗口指示我打算使用哪个 MCU 编程器 Windows->Preference->AVR 时,尽管我可以从控制台窗口看到设备已被识别,但我无法添加它们,因此无法使用它们。

    Kali OS (Linux 5.15.44-Re4s用-v8l+ #1 SMP PREEMPT Debian kali-pi (2022-07-03) aarch64 GNU/Linux) on Raspberry PI4 .

    avrdude (7.1 版) 程序可以完美运行。我不明白为什么 Eclipse 无法从配置文件开始配置任何设备, /etc/avrdude.conf 文件似乎可以找到并管理(通过执行 avrdude)。

    我只想配置设备: usbasp = USBasp,[/etc/avrdude.conf:1217]

    有人能告诉我如何解决这个问题吗?

  • 我尝试使用我的 Maven 项目在 Eclipse 上运行以下代码:import javax.swing.JFrame;import javax.swing.JLabel;import javax.swing.SwingConstants;import javax.swing.SwingUtilities;import

    我尝试使用我的 Maven 项目在 Eclipse 上运行以下代码:

    import javax.swing.JFrame;
    import javax.swing.JLabel;
    import javax.swing.SwingConstants;
    import javax.swing.SwingUtilities;
    import javax.swing.WindowConstants;
    
    public class Test extends JFrame {
    
        public static void main(String[] argv) {
            SwingUtilities.invokeLater(() -> {
                System.out.println("Starting ...");
                final JFrame frame = new JFrame("My Frame");
                System.out.println("JFrame created");
                frame.setTitle("JFrameCenter Position");
                frame.add(new JLabel("Some content to write", SwingConstants.CENTER));
                frame.setSize(400, 300);
                frame.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
                frame.setVisible(true);
                System.out.println("JFrame now visible");
            });
        }
    }
    

    使用 eclipse 和 Maven 时,我在创建新的 Frame 对象时遇到死锁。它就是不起作用。控制台上没有错误消息,只有死锁。在调试模式下,它显示 EDT 正在运行,但什么都看不到。

    Eclipse 版本为:Eclipse IDE for Java Developers(包含孵化组件)

    版本:2023-12 (4.30.0)构建编号:20231201-2043

    Maven版本是3.9.6

    操作系统:macOS Sonoma 14.4.1

    Java:OpenJDK 17.0.10(可以用不同的版本重复)

    我尝试使用 Eclipse 运行代码。

    控制台上打印的结果如下:

    \'开始...\'

    没有其他反应。没有窗口出现。这意味着程序不知何故停留在 Frame 对象的创建处。显然 VM 正在运行,并显示 EDT 也处于活动状态,但尽管有“正在启动...”行,控制台上没有任何反应

    我也尝试了替代方案:NetBeans Maven --> 有效Eclipse ANT --> 有效

    有人遇到过同样的行为吗?或者有人可以帮我解决吗?

    非常感谢,并致以最诚挚的问候……哈利

  • ddaa 3月前 0 只看Ta
    引用 4

    我有一个简单的 Laravel 应用程序用于任务管理。它包括一个带有四个字段的表单:一个用于 CSRF 令牌,两个用于 ID 的隐藏字段,以及一个用于获取任务标题的输入字段。要添加子字段,请执行以下操作:

    我有一个简单的 Laravel 应用程序用于任务管理。它包含一个包含四个字段的表单:一个用于 CSRF 令牌,两个用于 ID 的隐藏字段,以及一个用于获取任务标题的输入字段。

    为了提交表单,我使用了 AJAX。但是,我遇到了一个问题,即每个 AJAX 请求都会发送两次。此行为在应用程序中的所有 AJAX 请求中都存在。

    这是我的代码的简化版本:

    JS

    $(()=> {
          $('.add-card').one('click',function(e) {
              e.preventDefault(); 
              var form = $(this).closest('form')[0]; 
              let url = baseUrl + ":8000/api/task/store"
              let data = retrieveFormData(form)    
              let _token = data['csrf-token']             
              ajaxCRUD("POST", url, {...data},_token, (response) => {
                console.log(response);
              });
            });
    
          
    
    });
    
    function ajaxCRUD(method, url, data, token,successFunc) {
    $.ajax({
      type: method,
      url: url,
      data: data,
      beforeSend: function(xhr) {
        xhr.setRequestHeader('X-CSRF-TOKEN', token);
    },
      
      success: function (response) {
        if (successFunc) {
          successFunc(response);
        }
      },
      error: function (xhr, status, error) {
        console.error(xhr.responseText);
      },
    });
    }
    
    function retrieveFormData(form) {
      let formElements = $(form).find('input, select, textarea');
      let formData = {};
      formElements.each((index, element) => {
          let name = $(element).attr('name');
          let value = $(element).val();
          formData[name] = value;
      });
      return formData;
    }
    

    HTML:

    <div class="card  fit-content  px-1 py-2 position-absolute top-0 left-0 card-title-form" >
                                    <form action="" method="post" class="task-title-form">
                                        <input type="number" name="stage_id" class="form-control" value="{{$stage->id}}"  hidden>
                                        <input type="number" name="project_id" class="form-control" value="{{$project->id}}"  hidden>
                                        <input type="text" name="csrf-token" class="form-control" value="{{csrf_token()}}"  hidden>
                                        <input type="text" name="task_title" class="form-control" id="card-title" placeholder="Enter a title for this card...">
                                        <div class="my-2">
                                            <button class="btn btn-primary add-card"  >Add</button>
                                            <span class="btn font-14 close-title-form"><ion-icon name="close-outline"></ion-icon></span>
                                        </div>
                                    </form>
                                </div>
    

    尝试过但没有成功的解决方案:

    • p7

    • p8

    • p9

    • p10

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

  • /ASP.NET 使用 jQuery AJAX 调用 SharePoint Rest Api 获取 \'401 (未授权)\'/请在授权部分'授权'中提供帮助:\'NTLM \' +btoa(用户名:密码) 添加项目...

    / ASP.NET 使用 jQuery AJAX 调用 SharePoint Rest Api 时获取 \'401 (未授权)\' /

    请帮助授权部分

    'Authorization': "NTLM " +btoa(username:password)
    
    Add Item to SharePoint List
    
    
    <h1>Add Item to SharePoint List</h1>
    
        Username:
        <br>
        Password:
        <br>
        Add Item
    
    
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script>
        $(document).ready(function() {
            $('#addItemForm').submit(function(event) {
                event.preventDefault(); 
    
                const siteUrl = 'https://your-sharepoint-site-url.com'; // Update with your SharePoint site URL
                const listTitle = 'YourListTitle'; // Update with your SharePoint list title
                const endpointUrl = `${siteUrl}/_api/web/lists/getbytitle('${listTitle}')/items`;
    
                const newItemData = {
                    'Title': 'New Item Title',
                    'Description': 'This is a new item added from an external application.'
                    // Add more properties as needed for your SharePoint list columns
                };
    
                const username = $('#username').val();
                const password = $('#password').val();
                const basicAuth = 'NTLM ' + btoa(username + ':' + password);
    
                $.ajax({
                    url: endpointUrl,
                    type: 'POST',
                    headers: {
                        'Accept': 'application/json;odata=verbose',
                        'Content-Type': 'application/json;odata=verbose',
                        'Authorization': "NTLM " +btoa(username:password)
                    },
                    data: JSON.stringify(newItemData),
                    success: function(data) {
                        console.log('New item created successfully:', data);
                        // Optionally, display a success message to the user
                    },
                    error: function(error) {
                        console.error('Error creating new item:', error);
                        // Optionally, display an error message to the user
                    }
                });
            });
        });
    </script>
    
  • Tcode SE32 用于为报告或类创建文本元素。RSPARAM 报告用于显示系统的 SAP 配置文件参数。不确定这两者之间是否有任何关系。您能详细说明一下吗?

  • 我在使用以前版本的时也遇到了同样的问题 Eclipse ;问题不在于 Eclipse,而在于 AVR plugin 无法处理 avrdude 7.1 .

    我按照 stackoverflow 帖子 AVR - Can't add Programmer on Eclipse .

    由于我不太喜欢降级 avrdude 的解决方案,所以我 avrdude 5.11.1 https://download-mirror.savannah.gnu.org/releases/avrdude/avrdude-5.11.1.tar.gz 并在本地目录中编译它。然后我以自定义方式在 Eclipse 中设置 AVR 配置,以便在 Eclipse 中使用 avrdude 5.11,但在命令行上使用 avrdude 7.1。

    如果您不想降级 avrdude,则必须使用 Windows->Preverence->AVR 菜单配置 Eclipse,通过修改 AVR 路径(在 中 AVR->Paths )并指向(在 中 AVR->AVRdude )位于您编译 avrdude 5.11 的本地目录中的 avrdude.conf 文件,这样您的问题就解决了!

  • 啊...这似乎与我的 POM 有关:jboss-jsf-api_2.2_spec– 尝试清理它。

  • 引用 11

    它对我不起作用。如果我放置新的 JAR 并像这样引用它它抛出 java.lang.VerifyError:指令类型与类型“com/sun/faces/application/ValueBindingValueExpressionAdapter”(当前框架,locals[2])的堆栈映射不匹配,在启动期间无法分配给“javax/faces/el/ValueBinding”(堆栈映射,locals[2])。

  • 是的,只需将 JAR 替换为 2.3.21 并更新 module.xml 文件即可。我一直都是这么做的。

  • Wildfly v26.1.3 附带 modules/system/layers/base/com/sun/jsf-impl/main/jsf-impl-2.3.17.SP01.jar – 可以轻松用 mvnrepository.com/artifact/org.glassfish/jakarta.faces/2.3.21 替换吗?我希望如此...artifactId 已更改...但愿软件包不会更改。

  • 谢谢!我会在本周末之前尝试一下。

  • 引用 15

    您的代码可能发出两个请求的原因之一是 $('.add-card').one('click',function(e) {, 您在这里使用了 jQuery 的“one”方法,该方法将事件处理程序绑定为所选元素执行一次。如果您的文档中有多个 .add-card 按钮,这可能会为每个元素创建一个事件处理程序。

    一种解决方案是使用表单上的“submit”事件。提交表单后,您可以使用它 e.preventDefault(); 来检索表单数据并发出 AJAX 请求,从而防止重定向。

    如果您不想这样做,您可以尝试使用.on()而不是.one(),如下所示: $('.add-card').on('click', function(e) { 但是,说实话,我不确定这是否有效。

  • 好的,这是 Mojarra 的一个错误。当我从 Wildfly 切换到独立 Jetty 时,我可以在 Mojarra 2.3.17 中重现该问题,但它在 2.3.18+ 中已修复。

    因此,如果您可以将 Wildfly Mojarra JAR 换到最新的 2.3.21,那么这个问题就应该得到解决。

  • ajaxCRUD 已针对路由 'api/task/store' 调用一次,调用了两次。

  • 这是好东西,让我审查一下然后回复您。

  • ajaxCRUD 是否被调用了两次?

  • 我在控制台中收到了两个响应,表明请求被发送了两次。

返回
作者最近主题: