首页使用AJAX请求：前端通过AJAX请求后端的接口，后端将数据以JSON格式返回给前端，前端再通过JavaScript将数据渲染到页面上。

使用AJAX请求：前端通过AJAX请求后端的接口，后端将数据以JSON格式返回给前端，前端再通过JavaScript将数据渲染到页面上。

时间: 2024-02-12 12:03:34 浏览: 80

是的，您理解得很正确。下面是一个简单的例子，可以演示如何使用AJAX请求后端接口，并将返回的JSON数据渲染到页面上： ```html <!DOCTYPE html> <html> <head> <title>AJAX Example</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(document).ready(function(){ $.ajax({ url: "backend_api.php", type: "GET", dataType: "json", success: function(data){ $("#output").html("<p>Name: " + data.name + "</p><p>Age: " + data.age + "</p>"); }, error: function(jqXHR, textStatus, errorThrown){ alert("Error: " + errorThrown); } }); }); </script> </head> <body> <div id="output"></div> </body> </html> ``` 在上面的例子中，我们使用jQuery库的AJAX方法来发送GET请求到后端的`backend_api.php`接口，然后将返回的JSON数据渲染到页面上。在`success`回调函数中，我们使用jQuery的`html`方法来修改页面中ID为`output`的元素的HTML内容，将返回的数据显示在页面上。如果请求失败，则在`error`回调函数中弹出错误信息。

阅读全文