java页面后台数据交互(2)

末蓝、 2022-06-12 04:36 219阅读 0赞

接着上一篇的写，本篇记录的是从jsp页面传值到java后台的方法中，当后台获取到了页面上的值才可以进行新增和修改的相关操作。

最为常见的就是表单提交，表单提交又分为submit和button两种不同的方式

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head>
    
    <body>
    <script>
    
    function test()
    {
        document.getElementById("myform").submit();    
        alert(11);
    }
    </script>
    <form  name="myfrom" id="myform" method="get" action="b.do">
    <input type="text" name="pwd" value="" />
    <input type="submit" name="sub" value="提交" />
    <input type="button" name="btn" value="btn" οnclick="test()" />
    </form>
    </body>
    </html>

submit的按钮自带表单提交的效果，当用户点击按钮的时候，会触发表单提交的事件，提交的方法路径在于action确认，method区分get和post的不同提交方式，但是通常不会使用这种粗狂的提交方式，一般都会通过js来进行表单的提交，可以在js中添加各种对应的校核信息，可以对用户输入的值进行一次页面上的校核，并根据判断给出用户对应的提示信息，然后在js中获取到form的id，进行表单提交。

button可以添加上onclick事件，点击的时候触发到不同的事件效果，直接进入到对应的js方法中。

//在js中实现表单提交
    
    <script type="text/javascript">
    	    function fabu(id){
    			var s=$("#size").val();
    			var flag = false;
    			for(var i=1;i<=s;i++){
    				var k="price"+i;
    				if($("#"+k).val()==null||$("#"+k).val()==""){
    					alert("请给商品定价");
    					return false;
    				}
    				var strP=/^\d+(\.\d+)?$/; 
    				if(!strP.test($("#"+k).val())) 
    				{ 
    				    alert('请输入有效金额！'); 
    				    return false; 
    				} 
    			}
    			$("#Form1").submit();
    			
    	    } 
    		
    		</script>

最近get了一个新的技能，解决很多页面跳转的问题，可以通过点击事件进入到js的方法之中，在js直接打开一个新的连接，这个链接可是直接跳转外网，也可以进入后台的方法进行一次逻辑处理，很方便

<script type="text/javascript">
        function evaluation(order_id){
        	var user_id=$("#user_id").val();
        	 var  address="weishop_toEvaluation?user_id="+user_id+"&order_id="+order_id;
        	window.location.href=address;  
        }
        </script>