java中ajax的用法简单案例

最新推荐文章于 2024-04-25 23:25:03 发布

weixin_30568591

最新推荐文章于 2024-04-25 23:25:03 发布

阅读量233

点赞数

文章标签： java javascript ViewUI

原文链接：http://www.cnblogs.com/jiangaihu/p/10950451.html

版权

1.index.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="js/jquery-2.1.0.js"></script>
<script type="text/javascript">
    $(function(){
        //为输入框绑定事件
        $("#btn").click(function(){
            //1、点击提交后获得输入框的内容
            var name = $("#uname").val();
            //AJAX回调(调用后台方法返回数据)
            $.get("HelloAjax",{"uname":name},function(data){
                alert(data);
            })
        })
    })
</script>
</head>
<body>
    <input type="text" id="uname"><input id="btn" type="button" value="提交">
</body>
</html>

2.HelloAjax.java

package web;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
//Servlet
@WebServlet("/HelloAjax")

public class HelloAjax extends HttpServlet {
    private static final long serialVersionUID = 1L;
       
    public HelloAjax() {
        super();
    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //获得输入的内容,从request取数据,通俗说就是从浏览器取数据
        String name = request.getParameter("uname");
        System.out.println("欢迎:"+name);
        PrintWriter out = response.getWriter();//返回的是PrintWriter，这是一个打印输出流。
        out.print("this is Ajax");//不仅可以打印输出文本格式的（包括html标签），还可以将一个对象以默认的编码方式转换为二进制字节输出
    }
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        doGet(request, response);
    }

}

转载于:https://www.cnblogs.com/jiangaihu/p/10950451.html

weixin_30568591

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
java中ajax的用法简单案例

1.index.html<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title><script type="text/javascript" src="js/jquery-2.1.0.js...
复制链接

扫一扫