个人中心
gpt4 book ai didi

javascript - PHP 通过按键 jquery

转载 作者：行者123 更新时间：2023-11-29 06:50:32 26 4
gpt4 key购买 nike

我想在我的用户名数据库中进行搜索，但它无法识别按键功能。另外，我想阻止 search.php 首次加载(不能使用 isset，因为没有按钮)这是我的 index.php

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<head>
  <title></title>
  <?php  include 'search.php'; ?>

  <script>
    $(document).ready(function() {
      $("#textbox1").keypress(function() {
        $.ajax({
          type: "GET",
          url: "search.php",
          success: function(data) {
            $("#main").html(data);
          }
        });
      });
    });
  </script>

  <form method="POST">
    enter keyword to search<br>
    <input type="text" name="textbox1" id="textbox1">
    <br><br>
    <div id="main"></div>
  </form>
</head>

<body>

这是我的search.php。 connection.php 工作正常。所以我不会把它粘贴到这里

<?php

    include 'connection.php';

    $search_value = $_POST['textbox1'];
    $query = "SELECT username FROM users WHERE username LIKE '" . $search_value . "%'";
    $conn_status = mysqli_query($conn, $query);

    while($row = $conn_status->fetch_assoc())
    {
        echo $row['username'] . '<br>';
    }
?>

最佳答案

您应该将字段值作为 ajax 请求中的数据发送到 PHP 页面，如下所示:

$.ajax({
    type: "GET",
    url: "search.php",
    data: {textbox1: $(this).val()},
    success: function (data) {
          $("#main").html(data);
    }
});

注意:我建议在这种情况下使用 input 事件，因为它在跟踪用户输入时更有效:

$("#textbox1").on('input', function(){
    //Your logic here
});

关于javascript - PHP 通过按键 jquery，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47684575/

26 4 0
文章推荐： mysql - 如果值不同则更新 mysql 行或创建尚未添加的新行
文章推荐： javascript - DELETE 后计算行顺序
文章推荐： java - 如何显示 fragment 中相机看到的内容？
文章推荐： php - sql更新语句失败
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com