页面通过ajax传值到后台,后台返回值展示在页面输入框

这个问题是在做项目是 有一个 根据一个选中的参数值, 查出相应的信息。并且把这些信息展示在本页面的 另外几个输入框

我用的方法:

1,jquery ajax 将 该参数值 传到后台,并查处相应的数据信息,

 function ajaxfunction(){
//将参数值 baseNo封装成json对象 
        var userJson = {
                'baseNo' :$("#baseNo").val()
            }; 
//ajax异步刷新将封装的json对象传到后台
        $.ajax({
            url : "${pageContext.request.contextPath}/elemeter/getVendorByBaseNo",
            contentType : "application/json",
            mimeType : 'application/json',
            type : "post",
            async : false,
            data : JSON.stringify(userJson),
            beforeSend : function(XMLHttpRequest) {
            },
//调用成功的函数
            success : function(data) {
// 用一个变量接收返回来的list集合(vendorList)
                 var operatorData=data.vendorList;
//循环这个接收集合的变量
                for(var i=0;i< operatorData.length;i++){
//将需要在输入框展示的值 拼接出来,并用一个变量接收
                    var opt='<option value="'+operatorData[i].id+'" >'+operatorData[i].vendorname+'</option>'
//将这个变量插入在id为operator的结尾处
                    $("#operator").append(opt);
                } 
            },
            error : function() {
                //错误处理
            }
        });
    }
posted @ 2018-03-13 09:37  吾名璇玑  阅读(6845)  评论(0编辑  收藏  举报