ajax返回的json内容进行排序使用sort()方法实现

ajax是一种网络编程技术，经常用于在网页上异步加载和更新数据。当ajax请求返回一个json格式的响应时，我们常常需要对json数据进行排序。在JavaScript中，我们可以使用sort()方法实现排序。

sort()方法是JavaScript数组对象的一个内置方法，它可以对数组中的元素进行排序。语法如下：

array.sort(compareFunction)

其中，array是需要排序的数组，compareFunction是可选的比较函数，它用来定义排序规则。如果不提供compareFunction，sort()方法默认按照字符编码的顺序对元素进行排序。

比较函数有两个参数，它们分别代表两个需要比较的元素。比较函数需要返回一个整数值，表示比较结果：

- 如果返回负数，则 个元素应该排在第二个元素之前；

- 如果返回正数，则 个元素应该排在第二个元素之后；

- 如果返回0，则两个元素相等，位置不变。

下面是一个简单的例子：

let fruits = ["apple", "banana", "orange", "grape"];
fruits.sort(); //默认按照字符编码排序
console.log(fruits); //["apple", "banana", "grape", "orange"]

在这个例子中，sort()方法默认按照字符编码排序，因此结果并不是我们想要的。我们可以提供自定义的比较函数来改变排序规则，例如按照水果名称的长度排序：

let fruits = ["apple", "banana", "orange", "grape"];
fruits.sort(function(a, b) {
  return a.length - b.length;
});
console.log(fruits); //["apple", "grape", "banana", "orange"]

在比较函数中，我们按照元素的长度来比较它们的大小。这样，sort()方法就会按照长度从小到大排序。

回到ajax请求返回的json数据，我们可以通过JSON.parse()方法将json字符串转换为JavaScript对象，然后对对象中的数组属性进行排序。例如，假设我们从服务器获取了一个包含多个学生信息的json对象：

{
  "students": [
    {"name":"Alice", "score":90},
    {"name":"Bob", "score":80},
    {"name":"Charlie", "score":70},
    {"name":"David", "score":85}
  ]
}

我们可以使用下面的代码将学生按照分数从高到低排序：

let data = JSON.parse(xhr.responseText); //假设xhr是ajax请求对象
data.students.sort(function(a, b) {
  return b.score - a.score;
});
console.log(data.students); //按照分数从高到低排序后的学生数组

在这个例子中，我们首先将json响应转换为JavaScript对象，并获取其中的学生数组。然后，我们使用sort()方法按照分数从高到低排序学生数据。最后，我们输出排序后的学生数组。

总的来说，使用sort()方法对ajax返回的json数据进行排序非常简单。我们只需要提供自定义的比较函数即可。另外，如果需要按照多个属性排序，可以在比较函数中依次比较这些属性。在实际项目中，我们会遇到各种各样的排序需求，因此学习sort()方法是非常有用的。