Php 使用Ajax函数更新html中的div失败

我正在尝试在搜索区域下显示我页面的搜索结果。所以我用AJAX在div中显示结果,但是我无法让它工作

我有三个主要部分，div、searchResult页面和ajax函数

<input type="text" name="studentName">
<button type="submit" name="searchByName" onclick='get_info();'>بحث</button>

  <div id="searchResult"><b></b></div>

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript">
function get_info() { // Call to ajax function


  $.ajax({
    type: "POST",
    url: "NameSearchResult.php", // Name of the php files
    data: {name: <?php echo $_POST['studentName']; ?>},
    success: function(html)
    {
        $("#searchResult").html(html);
    }
  });
 }

بحث
函数get_info（）{//调用ajax函数
$.ajax({
类型：“POST”，
url:“NameSearchResult.php”，//php文件的名称
数据：{name:}，
成功：函数（html）
{
$（“#搜索结果”）.html（html）；
}
});
}

和我的搜索页面：

<?php
include_once 'dbConfigBDO.php';

$studentName = $_POST["name"];
$counter=0;
$emptyString = "لايوجد";

$sql = "SELECT * FROM Student";
$result = $conn->query($sql);
$row_count = $result->rowCount();
if ($row_count > 0){
  ..........  }

像这样更改代码

<input type="text" name="studentName" id="studentName">
<button type="submit" name="searchByName" onclick='get_info();'>بحث</button>

  <div id="searchResult"><b></b></div>
<script>
  $.ajax({
    type: "POST",
    url: "NameSearchResult.php", // Name of the php files
    data: {name: $("#studentName").val()},
    success: function(html)
    {
        $("#searchResult").html(html);
    }
  });
 }
</script>


بحث
$.ajax({
类型：“POST”，
url:“NameSearchResult.php”，//php文件的名称
数据：{name:$（“#studentName”）.val（）}，
成功：函数（html）
{
$（“#搜索结果”）.html（html）；
}
});
}
像这样更改代码

<input type="text" name="studentName" id="studentName">
<button type="submit" name="searchByName" onclick='get_info();'>بحث</button>

  <div id="searchResult"><b></b></div>
<script>
  $.ajax({
    type: "POST",
    url: "NameSearchResult.php", // Name of the php files
    data: {name: $("#studentName").val()},
    success: function(html)
    {
        $("#searchResult").html(html);
    }
  });
 }
</script>


بحث
$.ajax({
类型：“POST”，
url:“NameSearchResult.php”，//php文件的名称
数据：{name:$（“#studentName”）.val（）}，
成功：函数（html）
{
$（“#搜索结果”）.html（html）；
}
});
}
在ajax成功方法中，尝试捕获您得到的内容

success: function(html)
{
   console.log(html);

}

如果你得到了一些东西，那么你的代码必须是有效的
 在ajax成功方法中，尝试捕获您得到的结果

success: function(html)
{
   console.log(html);

}

如果你得到了一些东西，那么你的代码必须是有效的
 从函数返回输出，如下所示：
返回json_encode（$result）

在ajax调用中，使用数据类型：“json”并显示html

示例ajax调用：

$.ajax({
type: "POST",

dataType:"json",

url: "NameSearchResult.php", // Name of the php files

data: {name: $("#studentName").val()},

success: function(html)

从函数返回输出，如下所示：
返回json_encode（$result）

在ajax调用中，使用数据类型：“json”并显示html

示例ajax调用：

$.ajax({
type: "POST",

dataType:"json",

url: "NameSearchResult.php", // Name of the php files

data: {name: $("#studentName").val()},

success: function(html)

根据您的代码，您希望在按下按钮后更新HTML，对吗？那么，您的
get_info（）
JS函数在哪里？此外，如果此页面上的帖子未重定向，您将无法接受
$\u POST['studentName']
，因为没有请求。您应该使用
$（'#student name'）.val（）
获取该字段，并将
id=“student name”
设置为您的输入。对不起，我已根据您的代码更新了我的问题。您想在按下按钮后更新HTML，对吗？那么，您的
get_info（）
JS函数在哪里？此外，如果此页面上的帖子未重定向，您将无法接受
$\u POST['studentName']
，因为没有请求。您应该使用
$（'#student name'）.val（）
获取该字段，并将
id=“student name”
设置为您的输入。抱歉，我更新了我的问题。我添加了id部分并更改了AJAX数据，但没有发生任何事情。我添加了id部分并更改了AJAX数据，但没有发生任何事情。请参阅浏览器控制台中的。您在ajax响应中得到的结果将显示在这里。从函数返回输出，如下所示：返回json_encode（$result）；$。ajax（{type:“POST”，url:“NameSearchResult.php”，//php文件数据的名称：{Name:$（“#studentName”）.val（）}，success:function（html）有些东西很快就消失了。你能提供你想要返回的代码吗？success:function（html）{console.log（html）；}请参阅浏览器控制台中的内容。ajax响应中的内容将显示在那里。从函数返回输出，如下所示：返回json_encode（$result）；$.ajax（{type:'POST'，url:'NameSearchResult.php'，//php文件的名称数据：{Name:$（“#studentName”）.val（），成功：函数（html）有些东西很快就消失了。你能提供你想要返回的代码吗？成功：函数（html）{console.log（html）；}它给出一条错误消息：未定义json_encode。它给出一条错误消息：未定义json_encode。