parent 窗口 javascrip red input size mbo div height

一、js獲取jsp中的值

jsp：<input type="hidden" id="areaName11" name="areaName11" value="${areaName }" /> js ：var areaName = $("#areaName11").val();
註意：對整個頁面刷新後，會刷新JS中變量的值

二、表單的兩種提交方式

<form id="ffAdd" method="post" action="" data-options="novalidate:true"> </form>

<form id="ffAdd" method="post" data-options="novalidate:true">
<a href="javascript:void(0)" class="easyui-linkbutton" iconcls="icon-ok" id="btnAddOK" onclick="javascript:submitForm()">保存</a> </form>
<script>function submitForm() { $(‘#ffAdd‘).form(‘submit‘, { url: ‘dianXiaoErAction_addDianXiaoEr‘+actionExtension,//指定提交的url onSubmit : function() { return $(this).form(‘enableValidation‘).form(‘validate‘); }, success:function(data){ if(data == ‘success‘){ //表明合作夥伴申請說明的信息已經成功保存，需要將頁面顯示到合作夥伴信息添加頁面 $.messager.alert("申請信息","申請成功",‘info‘,function(){ //重新加載“店小二工號”窗口，並關閉“店小二工號申請”窗口
window.parent.reloadTab("電小二工號","電小二工號申請"); }); } } }); }
<jscript>

三、表單控件

<input 定義/><textarea 定義/><select 定義/><button 定義/>
<input>//可加下拉框，下拉列表。name的值為提交時傳遞到action中的變量名稱<input class="easyui-validatebox" type="text" id="channelType" name="channelType" value="defaultValue" /> $(‘#channelType‘).combobox({ //電小二渠道 url:encodeURI(encodeURI(‘systemDDL_getComboValue‘ + actionExtension+ ‘?keyWordName=電小二渠道‘)), valueField:‘id‘, textField:‘text‘, method: ‘get‘, required:true, editable:false, panelHeight: ‘auto‘ });$(‘#channelType‘).combotree({ url:‘area_getAreaName‘+actionExtension+‘?type=name‘, valueField: ‘id‘, textField: ‘text‘, required: true, editable:false, panelHeight: ‘auto‘, onLoadSuccess:function(data){ $(‘#areaName‘).combotree(‘setValue‘, ‘defaultValue‘); } }); //單選<input class="easyui-validatebox" type="radio" name="idDirectBusiness" id="idDirectBusiness" value="是">是<input class="easyui-validatebox" type="radio" name="idDirectBusiness" checked="checked" value="否">否

四、後臺接收到亂碼

encodeURI(encodeURI(‘channelCloseAction_channelCloseList‘+actionExtension+‘?saleName=‘+$(‘#saleName‘).val())
saleName = java.net.URLDecoder.decode(saleName, "utf-8");

後臺設置發送到前臺數據的編碼方式：response.setContentType("text/javascript;charset=UTF-8");

五、確認信息

$.messager.confirm("確認信息", "是否已在集團系統完成填單？", function (r) { if (r) { $(‘#mainForm‘).form(‘submit‘, { //url : ‘workflow_submitTask‘ + actionExtension+‘?taskId=‘+$("#taskId").val(),//指定提交的url url : ‘workflow_submitCrmTask‘ + actionExtension,//指定提交的url onSubmit : function() { return $(this).form(‘enableValidation‘).form(‘validate‘); }, success : function(data) { if(data=="success"){ window.parent.remindNumber--; $.messager.alert(‘審核信息‘,‘審核成功！‘); window.parent.reloadTab("待辦事項","處理流程"); }else{ alert(‘系統異常，請稍後重試或聯系管理員！‘); } } }); } });

六、ajax使用實例

var postData= {‘crmNumber‘: crmNumber,‘userNumber‘: userNumber,‘companyCode‘: companyCode,‘crmId‘: crmId}; $.messager.confirm("確認信息", "是否已在集團系統完成填單?請仔細核對填寫的員工工號", function (r) { if (r) { $.ajax({ url : ‘crmnumberAction_validateData‘ + actionExtension, type: ‘POST‘, data: postData, dataType: ‘json‘, async: true, success: function(data) { if(data.success=="success"){ $.messager.alert(‘校驗信息‘,‘校驗成功！‘); } else{ $.messager.alert(‘校驗信息‘,‘校驗失敗，請再次核對員工工號或聯系管理員‘); } } }); } });//後臺接收數據，結果送前臺String crmNumber = request.getParameter("crmNumber");//員工工號String userNumber = request.getParameter("userNumber");String companyCode = request.getParameter("companyCode");
try { String json = "{\"success\":\"" + resultValue + "\"}"; out = response.getWriter(); out.print(json); out.flush(); out.close();} catch (IOException e) { e.printStackTrace();} //////也可以通過url來傳遞數據

七、動態頁面展示

註意：table裏不能放註釋信息，否則js會報錯？<table id="checkInfo" class="view"> <thead> <tr><td colspan="3" class="tit"><span></span>校驗信息</td></tr> <tr> <th>字段名</th> <th>本地值</th> <th>集團值</th> </tr> </thead> <tbody></tbody></table>
$("#checkInfo").hide();
//CRM在送接口前，校驗信息，動態添加表單信息function validateResult(data){ if(data.error == "error"){ $.messager.alert(‘信息‘,‘請確認集團信息是否已下發到省內！‘); }else{ $("#checkInfo").show(); var table = document.getElementById("checkInfo"); //清楚table數據 var t1=document.getElementById("lan_clients_table"); var rowNum=table.rows.length; if(rowNum>0) { for(i=2;i<rowNum;)//第一行為標題，第二行為列標題 { table.deleteRow(i); rowNum=rowNum-1; } } var thead = table.firstChild; var tbody= thead.nextSibling; for(var i=0; i<data.length; i++){ //遍歷json var row=data[i]; //創建一行 var tr=document.createElement("tr"); if(row.result==0){ var td=document.createElement("td"); td.innerHTML="<font color=\"red\">"+row.chinese+"</font>"; tr.appendChild(td); var td=document.createElement("td"); td.innerHTML="<font color=\"red\">"+row.local+"</font>"; tr.appendChild(td); var td=document.createElement("td"); td.innerHTML="<font color=\"red\">"+row.imp+"</font>"; tr.appendChild(td); } else{ var td=document.createElement("td"); td.innerHTML=row.chinese; tr.appendChild(td); var td=document.createElement("td"); td.innerHTML=row.local; tr.appendChild(td); var td=document.createElement("td"); td.innerHTML=row.imp; tr.appendChild(td); } //將行追加到表格上 tbody.appendChild(tr); } }}
ajax使用json進行數據傳遞和接受{"java":"value"}

技術一前臺