jquery ajax 使用

$( function (){

 

     $( '#send' ).click( function (){

 

          $.ajax({

 

              type:  "GET" ,

 

              url:  "test.json" ,

 

              data: {username:$( "#username" ).val(), content:$( "#content" ).val()},

 

              dataType:  "json" ,

 

              success:  function (data){

 

                          $( '#resText' ).empty();    //清空resText里面的所有内容

 

                          var  html =  '' ;

 

                          $.each(data,  function (commentIndex, comment){

 

                                html +=  '<div class="comment"><h6>'  + comment[ 'username' ]

 

                                          +  ':</h6><p class="para"'  + comment[ 'content' ]

 

                                          +  '</p></div>' ;

 

                          });

 

                          $( '#resText' ).html(html);

 

                       }

 

          });

 

     });

 

});