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

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

coder rock 3月前

122 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)
  • 我有一个简单的 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

返回
作者最近主题: