html form表单提交处理

最新推荐文章于 2024-05-04 15:43:14 发布

暗黑小白

最新推荐文章于 2024-05-04 15:43:14 发布

阅读量2.5k

点赞数 1

分类专栏： web开发文章标签：表单 html jsp web form

本文链接：https://blog.csdn.net/tan_tan_1/article/details/17841799

版权

web开发专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<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%>

暗黑小白

关注

1
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
html form表单提交处理

标签是用于创建供用户输入的 HTML 表单。当我们需要将自己在浏览器web页面上填写的数据提交到server进行处理的时候就需要使用到form。先来看一下form的基本用法。下面为html TODO supply a title TODO write content ne
复制链接

扫一扫

专栏目录