在jquery中的Ajax传送参数的问题

今天在维护项目的时候遇到了一些小的问题。就是后台想让我多传送一个参数！

 这是通过ajax发送的一个GET请求，其中参数只有grade与id

后台想让我多传送过去一个参数。

 于是，我就多加了一个参数。具体这个参数是怎么添加的呢？代码如下

$.ajax({
                type: "get",
                url: "/communitys/CommunityShowController?method=updateGradeById",//这个是后台接受参数的地址
                data: {
                    grade:grade,
                    id:id,
                    communityId:communityId //新加的参数
                },
                dataType: "text",
                success: function(data){
                    //显示等级
                    $(showgra).html('');
                    $(showgra).append(grade);
                }

            });

 这个参数是怎么定义的呢？我在之前就定义了

var communityId = ''; //首先定义变量，给变量空值
$(".deng").click(function () { //通过每次点击，获取相应点击的位置，获取
            //communityId
            showId = $(this).parents("tr").children(".communityid");
            communityId = showId.text();
        });

 下面是我被获取参数的对象

<td style="display:none" class="communityid">${communityShowDto.community.id }</td>//定义一个内容，值是后台传来的

 通过这个小例子，我们就明白了 前后台传参的真正流程。首先通过后台向前台传送参数，客户端页面通过各种点击事件，或者其他事件，获取到相应的值。前端再通过ajax异步刷新更改数据的方式，将被用户选定的参数传送给后台！这样就实现了不刷新页面的前后交互！