java页面后台数据交互(2)
程序员文章站
2024-03-14 17:23:16
...
接着上一篇的写，本篇记录的是从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" onclick="test()" />
</form>
</body>
</html>submit的按钮自带表单提交的效果，当用户点击按钮的时候，会触发表单提交的事件，提交的方法路径在于action确认，method区分get和post的不同提交方式，但是通常不会使用这种粗狂的提交方式，一般都会通过js来进行表单的提交，可以在js中添加各种对应的校核信息，可以对用户输入的值进行一次页面上的校核，并根据判断给出用户对应的提示信息，然后在js中获取到form的id，进行表单提交。
button可以添加上onclick事件，点击的时候触发到不同的事件效果，直接进入到对应的js方法中。
<input type="button" name="btn" value="btn" onclick="test()" /> <button type="submit" onclick="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>上一篇： 解密加密
下一篇： loading动画css3动画