教你如何快速建站,线上宣传推广方案,做网站设计都需要什么软件,小红书seo排名优化1.通过form actionurlinput typesubmit/form按钮方式提交 这种方式是最传统的提交表单的方式#xff0c;就是把所有的表单的值传到url界面。用于本页面传本页面比较多。 2.通过input typebutton methodform actionurlinput typesubmit/form按钮方式提交 这种方式是最传统的提交表单的方式就是把所有的表单的值传到url界面。用于本页面传本页面比较多。 2.通过input typebutton methodpost/get οnclickonSubmit() 这里是通过onclick触发js事件然后我们可以在function onSubmit(){}写一些传输方式比较典型的就是ajax传输 1 var j$ jQuery.noConflict();//注册jQuery2 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.returnValuetrue;$.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 }
然后我们可以在fix_project_contrast_do.jsp处理 1 % page contentTypetext/html; charsetGBK import相应的类路径 %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相应值
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);}});
这种ajax异步传输用于修改后保存然后刷新页面比较多。 扩展 如果我上传的页面包含input typefile的时候需要修改在我们form标签 form nameform_name nameform_loan_update enctypemultipart/form-data methodpost 我们就要通过下面代码提交表单了fileElementId:form_name是提交form_name整个表单 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){//表单参数//次顺序 alert(保存成功); window.location.reload();//刷新 },error: function (data, status, e){var result Ext.MessageBox.show({title: 事务表单异常,msg: data.responseText,width:520,closable:false});}});} 然后在fix_project_contrast_do.jsp接收数据的数据需要 Integer fixitem_id Utility.trimNull(file.getParameter(fixitem_id)), new Integer(0)); 3.通过form nametest methodpost action#input typebutton οnclickdocument.test.submit()/form 使用java代码实现相应的业务代码 1 %2 if (request.getMethod().equals(POST)) {3 /**逻辑代码4 *1.获取参数5 *2.处理参数实现业务逻辑6 *3.设置标识用于通过js跳转页面或刷新页面7 */8 bSuccess true;9 }
10 %
11 %if (bSuccess) {%
12 alert(保存成功);
13 var url 对应的url参数;
14 location url;
15 %}% 4.异步传输实时监控表单数据 1 script typetext/javascript2 var reqfalse;//异步请求提交对象3 //1、初始化异步请求提交对象4 function init(){5 if(window.ActiveXObject){//IE6 reqnew ActiveXObject(Microsoft.XMLHTTP);7 }else{//firefox8 reqnew XMLHttpRequest();9 }
10 }
11 //发送请求
12 function sendReq(){
13 init();
14 var sddocument.getElementById(stid).value;
15 //2、指定处理返回值的函数
16 req.onreadystatechangeprocess;
17 //3、打开到资源的连接
18 req.open(get,url,true);
19 //4、发送请求
20 req.send(null);
21 }
22 //5、处理返回值
23 function process(){
24 if(req.readyState4){
25 if(req.status200){
26 //获取返回值
27 var vreq.responseText;
28 var ddocument.getElementById(divsid);
29 d.innerHTMLv;
30 }
31 }
32 }
33 /script 5.$.post()提交表单$.ajax的封装原理和$.ajax一样。需要导入.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 }); 其中回调函数data就是通过java代码response.getWriter().write(returnString);返回 6.showModalDialog返回获取放回字符串 1 function btnChoose(){2 if(!sl_checkChoice(document.theform.fixitem_id, 项目ID)) return false;3 if(!sl_checkChoice(document.theform.jj_contract_sub_bh, 合同编号)) 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_idfixitem_idjj_contract_bhjj_contract_bh,,dialogWidth1000px;dialogHeight800px;statusno;help0);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;
