html form表单提交处理

来源：互联网发布：同声翻译器软件编辑：程序博客网时间：2024/06/03 15:59

<form> 标签是用于创建供用户输入的 HTML 表单。

当我们需要将自己在浏览器web页面上填写的数据提交到server进行处理的时候就需要使用到form。

先来看一下form的基本用法。下面为html

<!DOCTYPE html><html>    <head>        <title>TODO supply a title</title>        <meta charset="UTF-8">        <meta name="viewport" content="width=device-width">    </head>    <body>        <div>TODO write content</div>        <form name="submit" action="newjsp.jsp">            <input type="text" name="text" value="please input text"/>            <input type="submit" value="Get Result" name="GetResult" />        </form>    </body></html>

当submit按钮被点击的时候form的内容就会被提交到action指定的页面去，这个页面可以是aspx.net，jsp等

在相应页面接收到请求之后可以得到具体参数jsp中用得到request.getParameter("text");aspx.net可以在页面相对应的cs文件中的Page_Load函数中用Request.Params("text")方法得到参数值。

在处理完成之后页面会变成newjsp.jsp显示的内容。

但是有时候我们可能会希望不要进行页面跳转，直接在当前页面显示出结果，这样的话就需要用到ajax了，ajax（Asynchronous JavaScript and XML）是一项进行异步局部页面刷新的技术。
在java中可以通过servlet或者jsp页面来响应ajax请求

通过jsp响应请求方式，发送ajax请求可以用jQuery或者XMLHttpRequest

<!DOCTYPE html><html>    <head>        <title>TODO supply a title</title>        <meta charset="UTF-8">        <meta name="viewport" content="width=device-width">        <script src="jquery-1.10.2.min.js"></script>        <script>        $(document).ready(function(){          $("#button").click(function(){            $.post("ajaxjsp.jsp",            {              code:"1000"            },            function(data,status){              $("#text1").val(data);            });          });        });        </script>    </head>    <body>        <div>TODO write content</div>        <form name="submit" action="newjsp.jsp">            <input type="text" name="text" id="text1" value="please input text"/>            <input type="button" id="button" value="Get Result" name="GetResult" />        </form>    </body></html>

ajax处理jsp ajaxjsp.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%><%     String code = request.getParameter("code"); %><%=code%>

0 0