ajax json 显示

Ajax和JSON是现代Web开发中常用的两种技术，它们可以让Web页面更加动态化和灵活性。Ajax可以使Web页面实现无刷新页面局部更新，而JSON则可以更加方便地在前后端之间传递数据。

在前端页面中，通过Ajax获取到后端返回的JSON数据后，可以将数据呈现在页面上。下面是一个使用Ajax和JSON的例子：

$.ajax({
   url: "example.PHP",dataType: "json",success: function(data){
      var items = [];
      $.each(data,function(key,val){
         items.push("

" + val + "

"); }); $("#content ul").append(items.join("")); } });

在上面的例子中，通过ajax发起请求，获取到后台返回的JSON数据，然后通过each函数将数据转化为HTML标签并插入到页面中。

需要注意的是，在格式化JSON数据时，需要将JSON数据转化为JavaScript对象，然后才能进行数据处理。

var jsonStr = '{"name":"小王","age":26}';  //原始JSON数据
var jsonObj = $.parseJSON(jsonStr);  //解析JSON数据为JavaScript对象
console.log(jsonObj.name);  //"小王"
console.log(jsonObj.age);   //26

Ajax和JSON的运用可以让Web页面变得更加灵活和高效，提高用户体验和实用性。