AJAX是一种在前端页面与后端服务器之间实现数据交互的技术。通过使用AJAX技术,我们可以使用JavaScript代码进行异步请求并在不需要刷新页面的情况下更新页面数据。
其中,JSON是一种轻量级的数据交换格式,常用于前后端数据传递。它使用键值对的方式表示数据,更加方便解析和处理。
// 在前端页面使用AJAX发送请求并处理JSON $.ajax({ url: "example.json",success: function(data) { // 处理JSON数据 var name = data.name; var age = data.age; // 更新前端页面 $('#result').text("姓名:" + name + ",年龄:" + age); },dataType: "json" });
在上述代码中,我们使用jQuery库中的$.ajax()
方法发送请求。当请求成功后,success
函数会被执行,参数data
即为后端传递给前端的JSON数据。