衡陽(yáng)有線寬帶網(wǎng)站怎么做app推廣
1.通過<form action="url"><input type="submit"></form>按鈕方式提交
? 這種方式是最傳統(tǒng)的提交表單的方式，就是把所有的表單的值傳到url界面。用于本頁(yè)面?zhèn)鞅卷?yè)面比較多。
2.通過<input type="button" method="post/get" οnclick="onSubmit()">
這里是通過onclick觸發(fā)js事件，然后我們可以在function onSubmit(){}寫一些傳輸方式，比較典型的就是ajax傳輸：
1 var j$ = jQuery.noConflict();//注冊(cè)jQuery 2 function onSubmit(){ 3 j$.ajax({ 4 type:"get", 5 url:"fix_project_contrast_do.jsp", 6 data:{ 7 fixitem_id : j$("#fixitem_id").val(), 8 check_man : j$("#check_man").val() 9 }, 10 success:function(ret){ 11 if(ret == 1) { 12 alert("提交審核成功!"); 13 }else{ 14 alert(ret); 15 16 } 17 window.returnValue=true;然后我們可以在fix_project_contrast_do.jsp處理$.ajax({cache: true,type: "POST",url:ajaxCallUrl,data:$('#yourformid').serialize(),// 你的formidasync: false,error: function(request) {alert("Connection error");},success: function(data) {$("#commonLayout_appcreshi").parent().html(data);}});
18 window.close();19 }20 });21 }
1 <%@ page contentType="text/html; charset=GBK" import="相應(yīng)的類路徑" %> 2 3 <% 4 try{ 5 6 Integer fixitem_id = Utility.trimNull(request.getParameter("fixitem_id")), new Integer(0)); 7 Integer check_man = Utility.parseInt(Utility.trimNull(request.getParameter("check_man")), new Integer(0)); 8 //處理邏輯省略 9 out.clear(); 10 response.getWriter().write("1");//response相應(yīng)值 11 }catch(Exception e){ 12 out.clear(); 13 response.getWriter().write(e.getMessage()); 14 } 15 16 %>
$.ajax({cache: true,type: "POST",url:ajaxCallUrl,data:$('#yourformid').serialize(),// 你的formidasync: false,error: function(request) {alert("Connection error");},success: function(data) {$("#commonLayout_appcreshi").parent().html(data);}});
擴(kuò)展：
如果我上傳的頁(yè)面包含<input type="file">的時(shí)候，需要修改在我們form標(biāo)簽
<form name="form_name" name="form_loan_update" enctype="multipart/form-data" method="post">?我們就要通過下面代碼提交表單了，fileElementId:'form_name'是提交form_name整個(gè)表單
jQuery.ajaxFileUpload({async:false,url:'fix_project_contrast_do.jsp',secureuri:false,fileElementId:'form_name',dataType: 'json',beforeSend:function(){},complete:function(){}, success: function (data, status){//表單參數(shù)//次順序 alert("保存成功"); window.location.reload();//刷新 },error: function (data, status, e){var result = Ext.MessageBox.show({title: '事務(wù)表單異常',msg: data.responseText,width:520,closable:false});}});}
然后在fix_project_contrast_do.jsp接收數(shù)據(jù)的數(shù)據(jù)需要
Integer fixitem_id = Utility.trimNull(file.getParameter("fixitem_id")), new Integer(0));
3.通過<form name="test" method="post" action="#"><input type="button" οnclick="document.test.submit()"></form>
使用java代碼實(shí)現(xiàn)相應(yīng)的業(yè)務(wù)代碼
1 <% 2 if (request.getMethod().equals("POST")) { 3 /**邏輯代碼 4 *1.獲取參數(shù) 5 *2.處理參數(shù)，實(shí)現(xiàn)業(yè)務(wù)邏輯 6 *3.設(shè)置標(biāo)識(shí)，用于通過js跳轉(zhuǎn)頁(yè)面或刷新頁(yè)面 7 */ 8 bSuccess = true; 9 } 10 %> 11 <%if (bSuccess) {%> 12 alert("保存成功！"); 13 var url = "對(duì)應(yīng)的url參數(shù)"; 14 location = url; 15 <%}%>
4.異步傳輸，實(shí)時(shí)監(jiān)控表單數(shù)據(jù)
1 <script type="text/javascript"> 2 var req=false;//異步請(qǐng)求提交對(duì)象 3 //1、初始化異步請(qǐng)求提交對(duì)象 4 function init(){ 5 if(window.ActiveXObject){//IE 6 req=new ActiveXObject("Microsoft.XMLHTTP"); 7 }else{//firefox 8 req=new XMLHttpRequest(); 9 } 10 } 11 //發(fā)送請(qǐng)求 12 function sendReq(){ 13 init(); 14 var sd=document.getElementById("stid").value; 15 //2、指定處理返回值的函數(shù) 16 req.onreadystatechange=process; 17 //3、打開到資源的連接 18 req.open("get","url",true); 19 //4、發(fā)送請(qǐng)求 20 req.send(null); 21 } 22 //5、處理返回值 23 function process(){ 24 if(req.readyState==4){ 25 if(req.status==200){ 26 //獲取返回值 27 var v=req.responseText; 28 var d=document.getElementById("divsid"); 29 d.innerHTML=v; 30 } 31 } 32 } 33 </script>
?5.$.post()提交表單，$.ajax的封裝，原理和$.ajax一樣。需要導(dǎo)入.jquery.js包
1 js$.post("problem_invest_use_money_getCustInfo.jsp", {"fixitem_id" : fixitem_id}, function(data){ 2 if(data != 0){ 3 var params = data.split("$"); 4 if(params[0] == 1){ 5 document.getElementById("jkr_cust_id").value = params[1]; 6 document.getElementById("jkr_cust_name").value = params[2]; 7 }else{ 8 alert(data) 9 } 10 } 11 });
其中回調(diào)函數(shù)data就是通過java代碼：response.getWriter().write(returnString);返回
6.showModalDialog返回獲取放回字符串
1 function btnChoose(){ 2 if(!sl_checkChoice(document.theform.fixitem_id, "項(xiàng)目ID")) return false; 3 if(!sl_checkChoice(document.theform.jj_contract_sub_bh, "合同編號(hào)")) return false; 4 var fixitem_id = document.getElementById("fixitem_id").value; 5 var jj_contract_bh = document.getElementById("jj_contract_sub_bh").value; 6 var v = showModalDialog('/efifs/zhongjiantou/repayment_principal_plan_choose.jsp?fixitem_id='+fixitem_id+'&jj_contract_bh='+jj_contract_bh,'','dialogWidth=1000px;dialogHeight=800px;status=no;help=0'); 7 var params = v.split("$"); 8 document.getElementById("money").value = params[0]; 9 document.getElementById("lx_money").value = params[1]; 10 document.getElementById("plan_id_list").value = params[2]; 11 }
其中 v = window.returnValue = returnString;?