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

时间:2013-10-24 19:32:29

标签: javascript php jquery ajax

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>";
?> 

1 个答案:

答案 0 :(得分:1)

删除<form>代码 - 如果您没有提交表单,则不需要它。我怀疑发生了什么,当用户按下Return时,表单正在提交,正在重新加载页面。