隱藏域傳值到后台controller

開發背景：一個頁面有一個下拉框和一個單選按鈕，下拉框保存的是廠商信息，單選按鈕保存的是產品信息。每次下拉框的內容被選中，把廠商編碼保存到隱藏域

<input type="hidden" id="basin_code" name="basin_code" value=""/>

然后點擊該河流下的產品，把產品編碼保存到隱藏域

<input type="hidden" id="code_pollute" name="code_pollute" value=""/>

然后ajax提交到后台根據這兩個參數查詢數據。

下拉框代碼

<ul>
     <li><a id="dynastytitle" onclick="hiddenValue('pg');" class="dropdown">蘋果</a></li>
            <li class="sublinks">
                <a onclick="hiddenValue('hw');">華為</a>
                <a onclick="hiddenValue('xm');">小米</a>
                <a onclick="hiddenValue('sx');">三星</a>
        </li>
 </ul>

單選按鈕代碼

<ul id="navigation_ul">
      <li><a onclick="hiddenValue('N01');">電腦</a></li>
      <li><a onclick="hiddenValue('P02');">手機</a></li>
      <li id="stander" class="active"><a onclick="hiddenValue('C03');">平板</a></li>
 </ul>

每次點擊傳一個參數到hiddenValue（）函數，hiddenValue把編碼保存到隱藏域

function hiddenValue(param){
        if(param==undefined||param=='udefined'){
            //alert(1);
            $("#code_pollute").val('C03');
            $("#basin_code").val('pg');
        }
        if(param=='N01'||param=='P02'||param=='C03'){
            //alert(2);
            $("#code_pollute").val(param);
        }
        if(param=='pg'||param=='hw'||param=='xm'||param=='sx'){
            //alert(3);
            $("#basin_code").val(param);
            $("#code_pollute").val("C03");
        }
        debugger;
        changebasin();   --隱藏域值改變調用ajax方法請求后台
    }

ajax每次請求后台會先從隱藏域取廠商和產品的參數值傳到后台

function changebasin(){

        var rivername = $("#basin_code").val();
        var codepollute = $("#code_pollute").val();
        //alert(rivername);
        $.ajax({
            type: "POST",
            url:  "../factory/factory_product.vm",
            dataType: "json",
            data:JSON.stringify({"watername":rivername,"code_pollute":codepollute}),
            contentType: "application/json; charset=utf-8",
            success: function(result){
                 loadEcharts(result);
                 $("#monitortime").html(result.monitortime);
           }
        });
    }

每次隱藏域的值改變后會調用請求后台的函數changebasin()

$(function(){
        changebasin();
        hiddenValue();
    })

 

每次頁面初始化會先調用兩個函數，給隱藏域賦值，調用后台方法