頁面通過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() {
                //錯誤處理
            }
        });
    }