javascript - 아약스 정렬 문제

Question

이것은 제가 데이터베이스를 읽으면서 반복해본 양식입니다

이제 이름, 성별, 가족을 클릭해서 정렬하고 싶은데, ajax로 어떻게 작성해야 할까요?

Answer 1

데이터 항목 수가 특히 많으면 dataTables 플러그인을 사용하는 것이 좋습니다. 이 플러그인은 테이블에 데이터를 표시하는 데 매우 적합합니다. 정렬과 같은 문제는 사소한 문제입니다.

Answer 2

한 프로젝트에 문제가 너무 많은데 이게 인턴쉽인가요? 졸업 프로젝트입니다...
1. Ajax로 정렬된 데이터를 얻으려면 적어도 두 개의 필드가 더 필요합니다. 하나는 정렬해야 하는 필드이고, 하나는 정렬이 아니기 때문입니다. 처음에 설정하면 기본 정렬이 필요하며 일반적으로 ID는 desc입니다.
3. 전달된 정렬 매개변수 문제로 인해 발생하는 시스템 수준 쿼리 오류를 방지하려면 매개변수를 확인하고, 해당 필드가 테이블에 존재하는지 또는 필드가 정렬되도록 설정되어 있는지 확인해야 합니다. 삼항 연산자를 사용하여 정렬이 작은 것에서 큰 것, 큰 것에서 작은 것 순으로 설정하세요

프런트 엔드는 각 광고의 클릭 이벤트를 바인딩하며 해당 광고에는 속성 필드와 정렬 방법이라는 두 가지 속성이 있어야 합니다

Answer 3

ajax는 백엔드 데이터를 요청하고 원하는 정렬 방법을 매개변수로 백엔드에 전달한 다음 백엔드가 쿼리하여 표시할 데이터를 반환합니다.

Answer 4

이것은 ajax와 관련이 없으며 정렬 결과는 백그라운드에서 생성됩니다.

Ajax를 사용하여 필드 이름 + 정렬 방법을 백엔드에 제출하면 백엔드에서 정렬된 json을 출력한 다음 이를 dom에 업데이트합니다.

프런트 데스크에서는 현재 테이블을 순회하여 현재 테이블을 정렬할 수도 있습니다.

Answer 5

dataTables 이 플러그인을 사용하면 공식 웹사이트에 가서 예제를 볼 수 있습니다. 작업도 매우 편리하고 기능도 매우 강력합니다

Answer 6

한 가지 해결책은 vue, React와 같은 mvvm 프레임워크를 사용하는 것이고, 다른 하나는 다양한 인터페이스를 조정하여 서버에서 정렬한 후 클라이언트로 돌아가는 것입니다. 첫 번째 옵션을 추천해주세요

Answer 7

로컬 정렬의 경우 알고리즘을 사용하여 얻은 데이터를 비교하면 됩니다. 참조: /a/11... 후반.
그렇지 않으면 Datatables와 마찬가지로 지침을 제공하고 백그라운드에서 데이터를 가져옵니다.
하지만 클라이언트 측 정렬을 원하는 것 같습니다. 추신: 이전에 Datatables 플러그인을 사용한 적이 있습니다. 기능을 구현하는 데 API가 너무 많아서 시간이 더 걸릴 수 있다고 생각합니다. Datatables에는 중국어 웹사이트가 있지만 소개가 그다지 자세하지 않습니다.

Answer 8

jquery를 사용하는 경우 jquery 플러그인 tablesort를 사용할 수 있습니다. 지침은 http://blog.csdn.net/classicb...

를 참조하세요.

Answer 9

페이징이 없다고 생각되면 js의 .sort()를 사용하여 테이블을 삭제하고 클릭할 때마다 다시 생성하세요. 보다 효율적으로 작업하려면 doT.js와 같은 HTML 템플릿 라이브러리를 찾는 것이 좋습니다.