ajax怎么才能不让页面刷新

 window.onload=function(){
            var select=$("#sele");
            var input=$(".span2")
            var submit=$(".btn");
            submit.click(function(){
                if(select.val()=="department"){
                    input.attr("name", "interact.teDepartment");
                }else{
                    input.attr("name", "interact.teacherName");
                }
                $.ajax({
                    cache:true,
                    type:"post",
                    data:$("#queryForm").serialize(),
                    url:"${pageContext.request.contextPath}/log/studentInteract"
                    error:function(){alert("查询失败！");},
                    success:function(){

                    }
                });
            });
        }

        <select class="span3" name="interact.flagAnswer" id="sele" style="width: 150px; margin-left: 10px; border-radius:4px;" >
                 <option value="N" selected="selected">未回复</option>
                 <option value="Y">已回复</option>
        </select>

            我想让这个下拉列表的内容在发送ajax前后一样，

想不变，就不要在success:function中处理这段脚本了

var submit=$(".btn");你这个是不是submit按钮而且放表单里面了？如果是会提交表单导致页面刷新。。你要return false阻止表单提交

而且注意，IE8-是不支持修改输入对象的name的，修改了无效。

            submit.click(function(){
                if(select.val()=="department"){
                    input.attr("name", "interact.teDepartment");
                }else{
                    input.attr("name", "interact.teacherName");
                }
                $.ajax({
                    cache:true,
                    type:"post",
                    data:$("#queryForm").serialize(),
                    url:"${pageContext.request.contextPath}/log/studentInteract"
                    error:function(){alert("查询失败！");},
                    success:function(){

                    }
                });
                                return false;///////////////
            });