用ajax向后台传参的几种方式

用ajax传参的几种方式

写了个小项目，中间用ajax传参浪费了很多时间。总结一些传参的方法分享给大家。

一个参数

第一种方法
以下所有方法中本人用的JavaScript中data属性 ，你也可以直接获取value值 都可以贴个例子

<td style="display:none;" data-c="${exam.sid }">${exam.sid }</td>

//取值的时候这么写就可以了 注意括号中的值必须和-后的值一致
var sid=$(this).data("c");
url:"",
type:"get",
data:{"id":id},
success:function(data){ }

第二种方法
//取值的方法同上
url:"${basePath}/editPassword.html?no="+no

多参数的方法

赋值方法如下

<a class="addTest" href="javascript:void(0)" data-a="${exam.id }" data-b="${exam.cid }" data-c="${exam.sid }"><button class="layui-btn layui-btn-warm">录入成绩</button></a>

取值方法如下
var id=$(this).data("a");---
var cid=$(this).data("b");
var sid=$(this).data("c");

传参方法
url:"/scoreAdd.html?cid="+cid+"&id="+id+"&sid="+sid
还有一种序列化方法 直接序列化成对象传递参数
body代码如图所示(注意name的值必须和对象的属性一样)
form id=”f” action=”” method=”post”>

        <input type="text" name="no" value="${sm.no }" />
        <input type="hidden" name="cid" value="${sm.cid}"/>

$.ajax({
            url:"${basePath}/studentEdit.html",
            type:"post",
            dataType:"text",
            data:$("#f").serialize(),
            success:function(){
            } 

        });

传递多个对象的方法

 var list=[];
           for(var i=0;i<'${fn:length(addScore)}';i++){
              var student=new Object();
              //student.sno=$(".sno").eq(i).text();
              //student.sname=$(".sname").eq(i).text();
              student.sud=$(".sud").eq(i).text();
              student.score=$(".score").val();
              student.eid=$(".eid").val();
              student.sid=$(".sid").val();
              student.cid=$(".cid").val();
              list[i]=student;
          }  
            console.log(JSON.stringify(list));  
              $.ajax({
                 url : "${basePath}/addScore.html",  
                    data : {'students':JSON.stringify(list)},  
                    type:"post",
                    dataType : "text",  
                    success : function(data) {  
                      if(data>'0'){
                          alert("录取成绩成功");

                      }else{
                          alert("成绩添加失败");
                      }
                    }  

             });  

后台使用jackson 接受的 jsonobject也可以

List<AddStudentScore> list=null;
ObjectMapper om=new ObjectMapper();
        System.out.println(students);

            try {
                list=om.readValue(students, new TypeReference<List<AddStudentScore>>() {});