Javascript 在HTML中显示Jquery Ajax响应时出现问题

我需要加载一个页面，该页面需要使用动态分页显示一些值。因此，为了加载值，我有一个rest调用，在该rest调用中，我返回一个json对象。在浏览器控制台中，我可以看到json输出。现在我的问题是我得到了

$document.ready（）

函数的响应。现在我尝试在HTML中显示json对象值，但这并没有发生

JavaScript:

<script type="text/javascript">
$(document).ready(function(){
    $.ajax({ 
           url : "http://localhost:8080/school-service/school/list/students/1/1",
           type: "GET",
           dataType: "json",
          }).done( function(studentList) {
              console.log("AJAX request success:" +studentList.pageNumber);
            }).fail( function(jqXHR, textStatus) {
              console.log("AJAX request failed with status:" + textStatus);
          });
    });
</script>

$（文档）.ready（函数（）{
$.ajax（{
url:“http://localhost:8080/school-服务/学校/名单/学生/1/1“，
键入：“获取”，
数据类型：“json”，
}).done（函数（学生列表）{
log（“AJAX请求成功：+studentList.pageNumber”）；
}).fail（函数（jqXHR，textStatus）{
log（“AJAX请求失败，状态：“+textStatus”）；
});
});

HTML:

---

任何人都可以帮助我如何在HTML中显示json响应对象值。

我想你不能，因为你想在你的页面中替换的代码属于服务器端语言（我猜

asp

）服务器端代码将在javascript执行之前编译，因此您不会找到那些标记。

我认为您不能，因为您要在页面中替换的代码属于服务器端语言（我猜

asp

）服务器端代码将在javascript执行之前编译，这样您就不会找到这些标记。

因此，如果我理解您的意图，您将尝试从AJAX请求中获取值，并在html中包含从.done返回的值

如果是这种情况，请查看以下链接：

如果从.done返回JSON对象，则需要将JSON对象解析为字符串，以便将其放入DOM中。从那时起，您需要决定它应该放在哪里。例如，您可以创建一个div并说$（'that-div'）.append（返回值）

另一种方法是在html中有一个默认值，在.done上，通过在响应中调用.html来替换html。但要做到这一点，您需要获取$（this）的引用

---

我希望这会有所帮助，如果不让我知道我的差距在哪里，我们可以用另一种方式来解决这个问题。

因此，如果我了解您要做的事情，您正在尝试从AJAX请求中获取值，并将.done的返回值包含在html中

如果是这种情况，请查看以下链接：

如果从.done返回JSON对象，则需要将JSON对象解析为字符串，以便将其放入DOM中。从那时起，您需要决定它应该放在哪里。例如，您可以创建一个div并说$（'that-div'）.append（返回值）

另一种方法是在html中有一个默认值，在.done上，通过在响应中调用.html来替换html。但要做到这一点，您需要获取$（this）的引用

---

我希望这会有所帮助，如果不让我知道我的差距在哪里，我们可以用另一种方式来讨论这个问题。

您编写的代码是带有JSTL的服务器端代码，在返回AJAX响应时它不可用

JSP页面将转换为HTML

HTML页面将使用AJAX调用服务器

返回的响应是在Javascrip对象中接收的JSON

您需要做一些javascrip工作来制作

a

标记

---

您需要编写一些Javascript代码来呈现返回的响应。

您编写的代码是带有JSTL的服务器端代码，在返回AJAX响应时不可用

JSP页面将转换为HTML

HTML页面将使用AJAX调用服务器

返回的响应是在Javascrip对象中接收的JSON

您需要做一些javascrip工作来制作

a

标记

您需要编写一些Javascript代码来呈现返回的响应。

试试这个

int pageCount = studentList.pageNumber;

然后在您的html中简单地执行以下操作

<c:forEach var="i" begin="1" end=studentList.pageNumber>
        <a href="${context}/school/list/students/1/" + i id=i class="pages">i</a>
     </c:forEach>

试试这个

int pageCount = studentList.pageNumber;

然后在您的html中简单地执行以下操作

<c:forEach var="i" begin="1" end=studentList.pageNumber>
        <a href="${context}/school/list/students/1/" + i id=i class="pages">i</a>
     </c:forEach>

Is

console.log（“AJAX请求成功：+studentList.pageNumber”）返回任何内容？是的，它返回“AJAX请求成功：5”好的，您希望在HTML中显示响应对象值的位置。在for循环和标记中。我在上面的代码中使用${studentList.pageNumber}和${studentList.pageCount}时，请检查我的答案@Vinod.Is
console.log（“AJAX请求成功：+studentList.pageNumber”）返回任何内容？是的，它返回“AJAX请求成功：5”好的，您希望在HTML中显示响应对象值的位置。在for循环和标记中。我在上面的代码中使用了${studentList.pageNumber}和${studentList.pageCount}，请检查我的答案@Vinod。