頁面經過ajax傳值到後臺,後臺返回值展現在頁面輸入框

這個問題是在作項目是 有一個 根據一個選中的參數值, 查出相應的信息。而且把這些信息展現在本頁面的 另外幾個輸入框jquery

我用的方法:ajax

1,jquery ajax 將 該參數值 傳到後臺,並查處相應的數據信息,json

 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() {
                //錯誤處理
            }
        });
    }
相關文章
相關標籤/搜索