如何在 .ajax jquery 中从 php 文件返回值

How to return value from php file in .ajax jquery

本文关键字:php 文件 返回值 中从 jquery ajax      更新时间:2023-09-26

ajax 不从 PHP 文件返回数据 我希望我的 PHP 文件中的数据显示在我使用的 Keyup 函数上,PHP 文件工作正常,但在下一页上显示结果我想在同一页上显示它这是我的代码

<script>
$(document).ready(function () {
    $("#searchtext").keyup(function () {
        var searchtext = $("#searchtext").val();
        var searchby = $("#searchby").val();
        $.ajax({
            url: "searchtw.php",
            dataType: "html",
            type: 'POST',
            async: true,
            data: {
                searchtxt: searchtext,
                searchby: searchby
            },
            success: function (result) {
                $("#result").append(result);
            }
        });
    });
});
</script>

这是形式

<form id="search" enctype="multipart/form-data">
<input type="text" name="searchtext" id="searchtext"  />
</form>
<div id="result"></div>

这是我的PHP代码

<?php
require 'opendb.php';
$offi = $_POST["searchtext"];
$sql="SELECT * FROM abc WHERE tw_UN=$offi";
$result=mysqli_query($con,$sql);
$row=mysqli_fetch_array($result,MYSQLI_ASSOC);
echo "<table border='1'>
<tr>
<th>College Number</th>
<th>Name</th>
<th>Session</th>
</tr>
<tr>
<td>" . $row['tw_CN'] . "</td>
<td>" . $row['txtName'] . "</td>
<td>" . $row['numSession'] . "</td>
</tr>";
echo "</table>";
?> 

去掉<form>标签——如果你不提交表单,你不需要它。我怀疑正在发生的事情是,当用户按 Return 时,表单正在提交,这正在重新加载页面。