ajax 執行成功後返回j頁面加載 joson 數據(加載select數據)


後臺代碼josn 數據傳給前臺

import net.sf.json.JSONObject;

   CarDataCache.getInstance().refreshCarList();
   Map<String, List> mapUtils = new HashMap<String, List>();
   mapUtils.put("vmCarSeriesList",vmCarSeriesList);
   JSONObject object = JSONObject.fromObject(mapUtils);
    result = object.toString();
    outPutMssage(result);


前臺 代碼


$.ajax({
     async:false,
 type: 'POST',
 url:saveCarurl,
 data: formData,
 dataType: 'json',
     success:function(data){
       if(data!= null && data !=-1){
        var optionhtml = '<option value="0"></option>';
        var index =0;
        var staffList = data.staffList;
        for(index =0 ; index < staffList.length; index++){
           optionhtml = optionhtml + '<option value='+staffList[index].staff_id+'>'+staffList[index].staff_name+" "+staffList[index].staff_surname+'</option>';
        }
        $("#staffId").empty();
        $("#staffId").append(optionhtml);
    var msgbox = $("#waringbox1"); //顯示提示框
                    initAlertMarket(328 ,109,msgbox.html());
   }
 }
     });  



提示框



<div id="waringbox1"
style="display: none;background-color:transparent;">
<div
style="background-image:url(${pageContext.request.contextPath}/images/tips/tip6-save.png);width:328px;height: 109px;background-color:transparent;">
<div style="float: left;margin-left: 287px;margin-top: 19px;">
<input id="yellowwaringbtn" type="button" value=""
οnclick="hideWarinDiv();"
style="width:14px;height:14px; background-image:url(${pageContext.request.contextPath}/images/tips/blue-esc.png);background-color:transparent;border: none;" />
</div>
</div>
</div>     


提示框js


function initAlertMarket(width,height,content){       
       var msgw,msgh,bordercolor;
       msgw= width;//提示窗口的寬度
       msgh= height;//提示窗口的高度
       //titleheight=25 //提示窗口標題高度
   
       var sWidth,sHeight;
       sWidth=document.body.offsetWidth;
       sHeight=screen.height;
       var bgObj=document.createElement("div");
       bgObj.setAttribute('id','bgDiv');
       bgObj.style.position="absolute";
       bgObj.style.top="0";
       bgObj.style.backgroundcolor="#transparent";
       bgObj.style.filter="progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75";
       bgObj.style.opacity="0.6";
       bgObj.style.left="0";
       bgObj.style.width=sWidth + "px";
       bgObj.style.height=sHeight + "px";
       bgObj.style.zIndex = "10000";
       document.body.appendChild(bgObj);
   
       var msgObj=document.createElement("div")
       msgObj.setAttribute("id","msgDiv");
       msgObj.setAttribute("align","center");
       msgObj.style.backgroundcolor="transparent";
       msgObj.style.border="1px solid " + bordercolor;
       msgObj.style.position = "absolute";
       msgObj.style.left = "60%";
       msgObj.style.top = "40%";
       msgObj.style.font="12px/1.6em Verdana, Geneva, Arial, Helvetica, sans-serif";
       msgObj.style.marginLeft = "-225px" ;
       msgObj.style.marginTop = -85+document.documentElement.scrollTop+"px";
       msgObj.style.width = msgw + "px";
       msgObj.style.height =msgh + "px";
       msgObj.style.textAlign = "center";
       msgObj.style.lineHeight ="7px";
       msgObj.style.zIndex = "10001";
           
         document.body.appendChild(msgObj);
         var txt=document.createElement("p");
         txt.style.margin="1em 0"
         txt.setAttribute("id","msgTxt");
         txt.innerHTML=content;
         document.getElementById("msgDiv").appendChild(txt);
}





發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章