ajax 与json 交互

AJAX（Asynchronous JavaScript and XML）是指用JavaScript向服务器请求数据并在页面上实时更新的技术。它允许在不刷新整个页面的情况下更新部分页面内容，提高用户体验，用户可以在不离开当前页面的情况下获取数据。

JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，易于阅读和编写，也易于机器解析和生成。JSON数据由键值对组成，键和值之间使用冒号分隔，每个键值对之间使用逗号分隔，整个数据由一对大括号包围。

{
    "name":"Alice","age":30,"city":"Shanghai"
}

如何使用AJAX与JSON进行交互呢？下面是一个例子：

$(document).ready(function(){
   $("button").click(function(){
      $.ajax({url: "data.json",success: function(result){
         $("#name").text(result.name);
         $("#age").text(result.age);
         $("#city").text(result.city);
      }});
   });
});

以上代码中，我们使用.jquery中的$.ajax()函数来向服务器发起请求，并在成功后更新网页内容。其中，url参数指定要请求的数据文件，success参数指定请求成功后要执行的回调函数。

回调函数中，我们将获取到的JSON数据解析为JavaScript对象，然后根据键名来更新相应的页面元素。例如，$("#name").text(result.name)将JSON对象中的name属性值显示在元素#name中。

总之，AJAX和JSON是现代Web开发中不可或缺的技术。借助它们，我们可以轻松地实现动态的、高效的Web页面。