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

最新推荐文章于 2022-12-12 11:08:48 发布

阿皓1024

最新推荐文章于 2022-12-12 11:08:48 发布

阅读量757

点赞数

分类专栏： java技术篇文章标签： java 数据

本文链接：https://blog.csdn.net/pqsas_com/article/details/75174230

版权

java技术篇专栏收录该内容

35 篇文章 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方法中。

    <input type="button" name="btn" value="btn" οnclick="test()" />

    <button type="submit" οnclick="return next();" class="am-radius am-btn-success"> 下一步</button>

    <input type="submit" name="sub" value="提交" />

//在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>

阿皓1024

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
java页面后台数据交互(2)

接着上一篇的写，本篇记录的是从jsp页面传值到java后台的方法中，当后台获取到了页面上的值才可以进行新增和修改的相关操作。最为常见的就是表单提交，表单提交又分为submit和button两种不同的方式无标题文档function test(){ document.getElementById("myform").submit();
复制链接

扫一扫

专栏目录