Ajax, Scroll through each element

Asked

Viewed 34 times

0

I have an ajax that returns me this.

{curso: "Administração", nDeAluSelecionadosRespondentes: 0, nDeAlunSelecionadosNaoRespondentes: 0, numeroDeAlunosSelecionados: 0, percentDeAluNaoSelecionadoRespondentes: 0, …}
1
:
{curso: "Administração", nDeAluSelecionadosRespondentes: 0, nDeAlunSelecionadosNaoRespondentes: 0, numeroDeAlunosSelecionados: 0, percentDeAluNaoSelecionadoRespondentes: 0, …}
2
:
{curso: "Administração", nDeAluSelecionadosRespondentes: 0, nDeAlunSelecionadosNaoRespondentes: 0, numeroDeAlunosSelecionados: 0, percentDeAluNaoSelecionadoRespondentes: 0, …}
3
:
{curso: "Administração", nDeAluSelecionadosRespondentes: 0, nDeAlunSelecionadosNaoRespondentes: 0, numeroDeAlunosSelecionados: 0, percentDeAluNaoSelecionadoRespondentes: 0, …}
4
:
{curso: "Administração", nDeAluSelecionadosRespondentes: 0, nDeAlunSelecionadosNaoRespondentes: 0, numeroDeAlunosSelecionados: 0, percentDeAluNaoSelecionadoRespondentes: 0, …}
5
:
{curso: "Administração", nDeAluSelecionadosRespondentes: 0, nDeAlunSelecionadosNaoRespondentes: 0, numeroDeAlunosSelecionados: 0, percentDeAluNaoSelecionadoRespondentes: 0, …}
6
:
{curso: "Administração", nDeAluSelecionadosRespondentes: 0, nDeAlunSelecionadosNaoRespondentes: 0, numeroDeAlunosSelecionados: 0, percentDeAluNaoSelecionadoRespondentes: 0, …}
7
:
{curso: "Arquitetura e Urbanismo", nDeAluSelecionadosRespondentes: 0, nDeAlunSelecionadosNaoRespondentes: 0, numeroDeAlunosSelecionados: 0, percentDeAluNaoSelecionadoRespondentes: 0, …}
8
:
{curso: "Arquitetura e Urbanismo", nDeAluSelecionadosRespondentes: 0, nDeAlunSelecionadosNaoRespondentes: 0, numeroDeAlunosSelecionados: 0, percentDeAluNaoSelecionadoRespondentes: 0, …}
9
:
{curso: "Arquitetura e Urbanismo", nDeAluSelecionadosRespondentes: 0, nDeAlunSelecionadosNaoRespondentes: 0, numeroDeAlunosSelecionados: 0, percentDeAluNaoSelecionadoRespondentes: 0, …}
10
:
{curso: "Arquitetura e Urbanismo", nDeAluSelecionadosRespondentes: 0, nDeAlunSelecionadosNaoRespondentes: 0, numeroDeAlunosSelecionados: 0, percentDeAluNaoSelecionadoRespondentes: 0, …}
11
:
{curso: "Ciências Contábeis", nDeAluSelecionadosRespondentes: 0, nDeAlunSelecionadosNaoRespondentes: 0, numeroDeAlunosSelecionados: 0, percentDeAluNaoSelecionadoRespondentes: 0, …}
12
:
{curso: "Ciências Contábeis", nDeAluSelecionadosRespondentes: 0, nDeAlunSelecionadosNaoRespondentes: 0, numeroDeAlunosSelecionados: 0, percentDeAluNaoSelecionadoRespondentes: 0, …}
13
:
{curso: "Ciências Contábeis", nDeAluSelecionadosRespondentes: 0, nDeAlunSelecionadosNaoRespondentes: 0, numeroDeAlunosSelecionados: 0, percentDeAluNaoSelecionadoRespondentes: 0, …}
14
:
{curso: "Ciências Contábeis", nDeAluSelecionadosRespondentes: 0, nDeAlunSelecionadosNaoRespondentes: 0, numeroDeAlunosSelecionados: 0, percentDeAluNaoSelecionadoRespondentes: 0, …}
15
:
{curso: "Direito", nDeAluSelecionadosRespondentes: 0, nDeAlunSelecionadosNaoRespondentes: 0, numeroDeAlunosSelecionados: 0, percentDeAluNaoSelecionadoRespondentes: 0, …}
16
:
{curso: "Direito", nDeAluSelecionadosRespondentes: 0, nDeAlunSelecionadosNaoRespondentes: 0, numeroDeAlunosSelecionados: 0, percentDeAluNaoSelecionadoRespondentes: 0, …}
17
:
{curso: "Direito", nDeAluSelecionadosRespondentes: 0, nDeAlunSelecionadosNaoRespondentes: 0, numeroDeAlunosSelecionados: 0, percentDeAluNaoSelecionadoRespondentes: 0, …}
18
:
{curso: "Direito", nDeAluSelecionadosRespondentes: 0, nDeAlunSelecionadosNaoRespondentes: 0, numeroDeAlunosSelecionados: 0, percentDeAluNaoSelecionadoRespondentes: 0, …}
19
:
{curso: "Direito", nDeAluSelecionadosRespondentes: 0, nDeAlunSelecionadosNaoRespondentes: 0, numeroDeAlunosSelecionados: 0, percentDeAluNaoSelecionadoRespondentes: 0, …}
20
:
{curso: "Direito", nDeAluSelecionadosRespondentes: 0, nDeAlunSelecionadosNaoRespondentes: 0, numeroDeAlunosSelecionados: 0, percentDeAluNaoSelecionadoRespondentes: 0, …}
21
:
{curso: "Direito", nDeAluSelecionadosRespondentes: 0, nDeAlunSelecionadosNaoRespondentes: 0, numeroDeAlunosSelecionados: 0, percentDeAluNaoSelecionadoRespondentes: 0, …}
22
:
{curso: "Direito", nDeAluSelecionadosRespondentes: 0, nDeAlunSelecionadosNaoRespondentes: 0, numeroDeAlunosSelecionados: 0, percentDeAluNaoSelecionadoRespondentes: 0, …}
23
:
{curso: "Direito", nDeAluSelecionadosRespondentes: 0, nDeAlunSelecionadosNaoRespondentes: 0, numeroDeAlunosSelecionados: 0, percentDeAluNaoSelecionadoRespondentes: 0, …}
24
:
{curso: "Direito", nDeAluSelecionadosRespondentes: 0, nDeAlunSelecionadosNaoRespondentes: 0, numeroDeAlunosSelecionados: 0, percentDeAluNaoSelecionadoRespondentes: 0, …}
25
:
{curso: "Direito", nDeAluSelecionadosRespondentes: 0, nDeAlunSelecionadosNaoRespondentes: 0, numeroDeAlunosSelecionados: 0, percentDeAluNaoSelecionadoRespondentes: 0, …}
26
:
{curso: "Direito", nDeAluSelecionadosRespondentes: 0, nDeAlunSelecionadosNaoRespondentes: 0, numeroDeAlunosSelecionados: 0, percentDeAluNaoSelecionadoRespondentes: 0, …}
27
:
{curso: "Direito", nDeAluSelecionadosRespondentes: 0, nDeAlunSelecionadosNaoRespondentes: 0, numeroDeAlunosSelecionados: 0, percentDeAluNaoSelecionadoRespondentes: 0, …}
28
:
{curso: "Direito", nDeAluSelecionadosRespondentes: 0, nDeAlunSelecionadosNaoRespondentes: 0, numeroDeAlunosSelecionados: 0, percentDeAluNaoSelecionadoRespondentes: 0, …}
29
:
{curso: "Direito", nDeAluSelecionadosRespondentes: 0, nDeAlunSelecionadosNaoRespondentes: 0, numeroDeAlunosSelecionados: 0, percentDeAluNaoSelecionadoRespondentes: 0, …}
30
:
{curso: "Direito", nDeAluSelecionadosRespondentes: 0, nDeAlunSelecionadosNaoRespondentes: 0, numeroDeAlunosSelecionados: 0, percentDeAluNaoSelecionadoRespondentes: 0, …}
31
:
{curso: "Direito", nDeAluSelecionadosRespondentes: 0, nDeAlunSelecionadosNaoRespondentes: 0, numeroDeAlunosSelecionados: 0, percentDeAluNaoSelecionadoRespondentes: 0, …}
32
:
{curso: "Direito", nDeAluSelecionadosRespondentes: 0, nDeAlunSelecionadosNaoRespondentes: 0, numeroDeAlunosSelecionados: 0, percentDeAluNaoSelecionadoRespondentes: 0, …}
33
:
{curso: "Direito", nDeAluSelecionadosRespondentes: 0, nDeAlunSelecionadosNaoRespondentes: 0, numeroDeAlunosSelecionados: 0, percentDeAluNaoSelecionadoRespondentes: 0, …}
34
:
{curso: "Direito", nDeAluSelecionadosRespondentes: 0, nDeAlunSelecionadosNaoRespondentes: 0, numeroDeAlunosSelecionados: 0, percentDeAluNaoSelecionadoRespondentes: 0, …}
35
:
{curso: "Direito", nDeAluSelecionadosRespondentes: 0, nDeAlunSelecionadosNaoRespondentes: 0, numeroDeAlunosSelecionados: 0, percentDeAluNaoSelecionadoRespondentes: 0, …}
36
:
{curso: "Direito", nDeAluSelecionadosRespondentes: 0, nDeAlunSelecionadosNaoRespondentes: 0, numeroDeAlunosSelecionados: 0, percentDeAluNaoSelecionadoRespondentes: 0, …}
37
:
{curso: "Direito", nDeAluSelecionadosRespondentes: 0, nDeAlunSelecionadosNaoRespondentes: 0, numeroDeAlunosSelecionados: 0, percentDeAluNaoSelecionadoRespondentes: 0, …}
38
:
{curso: "Direito", nDeAluSelecionadosRespondentes: 0, nDeAlunSelecionadosNaoRespondentes: 0, numeroDeAlunosSelecionados: 0, percentDeAluNaoSelecionadoRespondentes: 0, …}
39
:
{curso: "Direito", nDeAluSelecionadosRespondentes: 0, nDeAlunSelecionadosNaoRespondentes: 0, numeroDeAlunosSelecionados: 0, percentDeAluNaoSelecionadoRespondentes: 0, …}
40
:
{curso: "Engenharia Civil (4)", nDeAluSelecionadosRespondentes: 0, nDeAlunSelecionadosNaoRespondentes: 0, numeroDeAlunosSelecionados: 0, percentDeAluNaoSelecionadoRespondentes: 0, …}
41
:
{curso: "Engenharia Civil (5)", nDeAluSelecionadosRespondentes: 0, nDeAlunSelecionadosNaoRespondentes: 0, numeroDeAlunosSelecionados: 0, percentDeAluNaoSelecionadoRespondentes: 0, …}
42
:
{curso: "Engenharia Civil (5)", nDeAluSelecionadosRespondentes: 0, nDeAlunSelecionadosNaoRespondentes: 0, numeroDeAlunosSelecionados: 0, percentDeAluNaoSelecionadoRespondentes: 0, …}
43
:
{curso: "Engenharia de Produção", nDeAluSelecionadosRespondentes: 0, nDeAlunSelecionadosNaoRespondentes: 0, numeroDeAlunosSelecionados: 0, percentDeAluNaoSelecionadoRespondentes: 0, …}
44
:
{curso: "Engenharia de Produção", nDeAluSelecionadosRespondentes: 0, nDeAlunSelecionadosNaoRespondentes: 0, numeroDeAlunosSelecionados: 0, percentDeAluNaoSelecionadoRespondentes: 0, …}
45
:
{curso: "Gestão Financeira", nDeAluSelecionadosRespondentes: 0, nDeAlunSelecionadosNaoRespondentes: 0, numeroDeAlunosSelecionados: 0, percentDeAluNaoSelecionadoRespondentes: 0, …}
46
:
{curso: "Gestão Financeira", nDeAluSelecionadosRespondentes: 0, nDeAlunSelecionadosNaoRespondentes: 0, numeroDeAlunosSelecionados: 0, percentDeAluNaoSelecionadoRespondentes: 0, …}
47
:
{curso: "Marketing", nDeAluSelecionadosRespondentes: 0, nDeAlunSelecionadosNaoRespondentes: 0, numeroDeAlunosSelecionados: 0, percentDeAluNaoSelecionadoRespondentes: 0, …}
48
:
{curso: "Serviço Social", nDeAluSelecionadosRespondentes: 0, nDeAlunSelecionadosNaoRespondentes: 0, numeroDeAlunosSelecionados: 0, percentDeAluNaoSelecionadoRespondentes: 0, …}
49
:
{curso: "Serviço Social", nDeAluSelecionadosRespondentes: 0, nDeAlunSelecionadosNaoRespondentes: 0, numeroDeAlunosSelecionados: 0, percentDeAluNaoSelecionadoRespondentes: 0, …}
50
:
{curso: "Serviço Social", nDeAluSelecionadosRespondentes: 0, nDeAlunSelecionadosNaoRespondentes: 0, numeroDeAlunosSelecionados: 0, percentDeAluNaoSelecionadoRespondentes: 0, …}
51
:
{curso: "Serviço Social", nDeAluSelecionadosRespondentes: 0, nDeAlunSelecionadosNaoRespondentes: 0, numeroDeAlunosSelecionados: 0, percentDeAluNaoSelecionadoRespondentes: 0, …}
52
:
{curso: "Sistemas de Informação", nDeAluSelecionadosRespondentes: 0, nDeAlunSelecionadosNaoRespondentes: 0, numeroDeAlunosSelecionados: 0, percentDeAluNaoSelecionadoRespondentes: 0, …}
53
:
{curso: "Sistemas de Informação", nDeAluSelecionadosRespondentes: 0, nDeAlunSelecionadosNaoRespondentes: 0, numeroDeAlunosSelecionados: 0, percentDeAluNaoSelecionadoRespondentes: 0, …}
length
:
54

$.ajax({
     type: "POST",
     url: "url",
     success: function (data) {
        $.each(data, function(i, val){
            if(val.curso[i] == val.curso[i-1]){
                console.log('Teste');
            }
        });
        console.log( data[0] );
     },
     error: function (ex) {
         alert("Erro: " + ex.status);
     }
})

I would like to know, how to create a table for each Course, for example

Administration of a table, Architecture and Urbanism Other table

javascript html ajax
  • 1

    With this structure, you have to go looking one by one and checking if the course has changed from the previous one to the current one. If changed, close the current table and start a new one.

  • would do this with $.each(data, Function(k, v) { }); ?

  • If you are using jQuery, it can be yes. It can be a for normal as well. What you have is an array, you need to go through all of its items one by one.

  • I can’t compare it to the previous one, so I can create a new table

  • Edit the question and include the relevant code snippet of your attempt. Without seeing the code it is difficult to help you more precisely.

  • There, I’ve already edited

  • "to create a new table" - Show courses in an html table (<table>) ?

  • that, I would create a table for each course, while it is the same course, add rows in the table, and when change course, create a new table and go adding lines in it

  • But each line is what ? Do you have how to put the information of a row in detail? Regardless you will have to use one for or a forEach

Show 4 more comments
No answers

Browser other questions tagged javascript html ajax

You are not signed in. Login or sign up in order to post.