js与jQuery学习——03.ajax小细节笔记

Posted 2020-10-20 maoziya

$(function() {
    //alert(2); 多给提示,养成习惯测试
    var mao=[{"zhi1":"mao1","zhi2":"mao2"},{"zhi3":"mao3","zhi3":"mao3"}];  //我这个是对象数组   //   放  要传的值
    $.ajax({
        "url"   :   "maojiale",   // 路径
        "type"  :   "post",       //方式post/get  
        "data"  : mao[1],                                                //给下标，不然servlet页面无法根据键，取值
        "dataType" : "json",       //定义反回的数据格式
        "success" : hd,          //回调函数
        "error" : function() {
            alert("ajax出现错误！！！");
        }
        
    });
     //回调函数  ,kk,为servlet 页面传来的对象数组，或对象，值，等等  ，，注：这个只能有一个参数
    function hd(kk) { 
        //each循环输出
        $(kk).each(function(i) {                 
            $("#mao").append("id为"+this.id+"名字为"+this.name+"性别"+this.sex);
        });
            
    }
});

下面为

servlet页面代码 然后结合实现 ajax传值取值

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        doPost(request, response);
    }
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //设置字符编码
        request.setCharacterEncoding("utf-8");
        response.setCharacterEncoding("utf-8");
        //输出对象
        PrintWriter out=response.getWriter();
        //取jsp页面的值
        String qu=request.getParameter("zhi3");
        
        System.out.println("取值为"+qu);
        
        List<shiti> list=new ArrayList<shiti>();          //无法一般传回对象去，所以要转换格式为,json格式
        list.add(new shiti(1, "张三", "男"));
        list.add(new shiti(2, "李四", "男"));
        list.add(new shiti(3, "我哪敢", "女"));
        String mm=JSON.toJSONString(list);         //FastJSONN 用jar包       序列化来转换格式
        
        //输出对象调用方法传值回jsp页面
        out.print(mm);    
    }

因为回调函数只能放一个，所以out.print()也放一个对象,   所以，回调函数里,‘最初‘参数随便定义“kk”