这里是利用tomcat传递参数，在页面上实现简单加法
JavaScript：
<html>
<head>
<title>plus</title>
<script language="javascript">
//设置打开页面时的焦点位置
function init() {
document.getElementById("value1").focus();
}
//检查value1的值是否合法
function is_number() {
str = document.getElementById("value1").value;
exp=/[^0-9()-]/g;
if(str.search(exp) != -1)
{
alert("参数一错误") ;
document.getElementById("value1").focus();
}
}
//检查value2的值是否合法以及value1，value2是否为空
function plus() {
str = document.getElementById("value2").value;
if(document.getElementById("value1").value=="" || document.getElementById("value2").value=="") {
alert("参数不能为空");
return false;
}
else if(str.search(exp) != -1)
{
alert("参数二错误") ;
return false;
}
else{
return true;
}
}
</script>
</head>
<body οnlοad="init()">
//简单的表单实现，当点击按钮时，页面转到PlusServlet，这是我们部署到服务器上的
<form action="PlusServlet" method="get" οnsubmit="return plus()">
<input type="text" name="value1" οnblur="is_number()"/>
<label> + </label>
<input type="text" name="value2"/>
<input type="submit" value=" = "/>
<input type="text" name="value3"/>
</form>
</body>
</html>
PlusServlet：
package com.gyboss.ws.http;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class PlusServlet extends HttpServlet {
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
/*传递参数时可能出现乱码，如果是传入参数的乱码，解决方法是：
req.setCharacterEncoding("GBK");
如果是传出的参数的乱码，也就是resp的乱码，解决方法是：在tomcat中conf文件夹中找到server.xml，找到port=”8080“的地方，在最后加上一句URIEncoding="GBK"即可*/
PrintWriter pw = resp.getWriter();
int v1 = Integer.parseInt(req.getParameter("value1"));
int v2 = Integer.parseInt(req.getParameter("value2"));
int v3 = v1 + v2;
System.out.println("v1=" + v1 + " v2=" + v2);
pw.println("<input type=\"text\" name=\"value1\" value= \"" + v1 +"\"/>\n" +
"<label> + </label>\n" +
"<input type=\"text\" name=\"value2\" value= \"" + v2 +"\"/>\n" +
"<input type=\"submit\" value=\" = \"/\n>" +
"<input type=\"text\" name=\"value3\" value= \"" + v3 +"\"/>\n"
);
}
@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
doGet(req, resp);
}
}
JavaScript：
<html>
<head>
<title>plus</title>
<script language="javascript">
//设置打开页面时的焦点位置
function init() {
document.getElementById("value1").focus();
}
//检查value1的值是否合法
function is_number() {
str = document.getElementById("value1").value;
exp=/[^0-9()-]/g;
if(str.search(exp) != -1)
{
alert("参数一错误") ;
document.getElementById("value1").focus();
}
}
//检查value2的值是否合法以及value1，value2是否为空
function plus() {
str = document.getElementById("value2").value;
if(document.getElementById("value1").value=="" || document.getElementById("value2").value=="") {
alert("参数不能为空");
return false;
}
else if(str.search(exp) != -1)
{
alert("参数二错误") ;
return false;
}
else{
return true;
}
}
</script>
</head>
<body οnlοad="init()">
//简单的表单实现，当点击按钮时，页面转到PlusServlet，这是我们部署到服务器上的
<form action="PlusServlet" method="get" οnsubmit="return plus()">
<input type="text" name="value1" οnblur="is_number()"/>
<label> + </label>
<input type="text" name="value2"/>
<input type="submit" value=" = "/>
<input type="text" name="value3"/>
</form>
</body>
</html>
PlusServlet：
package com.gyboss.ws.http;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class PlusServlet extends HttpServlet {
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
/*传递参数时可能出现乱码，如果是传入参数的乱码，解决方法是：
req.setCharacterEncoding("GBK");
如果是传出的参数的乱码，也就是resp的乱码，解决方法是：在tomcat中conf文件夹中找到server.xml，找到port=”8080“的地方，在最后加上一句URIEncoding="GBK"即可*/
PrintWriter pw = resp.getWriter();
int v1 = Integer.parseInt(req.getParameter("value1"));
int v2 = Integer.parseInt(req.getParameter("value2"));
int v3 = v1 + v2;
System.out.println("v1=" + v1 + " v2=" + v2);
pw.println("<input type=\"text\" name=\"value1\" value= \"" + v1 +"\"/>\n" +
"<label> + </label>\n" +
"<input type=\"text\" name=\"value2\" value= \"" + v2 +"\"/>\n" +
"<input type=\"submit\" value=\" = \"/\n>" +
"<input type=\"text\" name=\"value3\" value= \"" + v3 +"\"/>\n"
);
}
@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
doGet(req, resp);
}
}
1373
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
