jsp+ajax发送GET请求的方法

当需要在JSP页面中使用ajax发送GET请求时，可以参照以下步骤进行操作：

步骤一：引入jQuery库文件

使用ajax发送请求时需要引入jQuery库文件。可以在head标签中使用以下代码引入：

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>

步骤二：编写ajax代码

使用ajax实现GET请求的代码如下：

<script type="text/javascript">
    $(document).ready(function(){
        $.ajax({
            type:"GET",   //设置请求方式
            url:"test.jsp",  //设置请求url
            success:function(data){      //请求成功回调函数
                //处理返回的data数据
                alert(data);
            }
        });
    });
</script>

这里的test.jsp就是请求目标页面，请求成功后将返回的数据传入success回调函数中进行处理。

示例一：使用ajax发送GET请求获取服务器返回的数据

在JSP页面中添加以下代码：

<%
    String message = "hello world";
%>

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $.ajax({
            type:"GET",
            url:"test.jsp",
            success:function(data){
                alert("返回的数据为：" + data);
            }
        });
    });
</script>

<h1><%=message%></h1>

其中，test.jsp的代码如下：

<%
    String data = "我是服务器返回的数据";
    out.print(data);
%>

在浏览器中打开该JSP页面，可以看到弹出框中显示的内容为“返回的数据为：我是服务器返回的数据”。

示例二：使用ajax发送GET请求获取表单输入的数据

在JSP页面中添加以下代码：

<form>
    <label for="username">用户名：</label>
    <input type="text" id="username" name="username"><br>
    <label for="password">密 码：</label>
    <input type="password" id="password" name="password"><br>
    <input type="button" value="登录" onclick="login()">
</form>

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
    function login(){
        var username = $("#username").val();   //获取用户名输入框中的值
        var password = $("#password").val();  //获取密码输入框中的值

        $.ajax({
            type:"GET",
            url:"login.jsp",              //登录验证的目标页面
            data:{username:username,password:password},  //需要传递的参数
            success:function(data){
                if(data == "success"){
                    alert("登录成功");
                }
                else{
                    alert("登录失败，请检查用户名和密码");
                }
            }
        });
    }
</script>

其中，login.jsp的代码如下：

<%
    String username = request.getParameter("username");   //获取传递过来的用户名
    String password = request.getParameter("password");   //获取传递过来的密码

    if(username.equals("admin") && password.equals("123456")){
        out.print("success");
    }
    else{
        out.print("fail");
    }
%>

在浏览器中输入用户名和密码，点击登录按钮，可以看到弹出框中显示的内容为“登录成功”或“登录失败，请检查用户名和密码”。