jsp 中用jquery 实现ajax 一个简单例子

 

下面例子中,first.jsp 带参数(2)发ajax 请求invoke.jsp ,然后invoke.jsp 调用java 程序 Ev---getSuggestions()方法,给Ev实例化参数3,sugg = Ev(3), 调用程序参数用first.jsp给的2:sugg.getSuggestions(2), 结果最终返回给first.jsp 并显示到 id 为lblOutput 的一个里。

=========================================

first.jsp

-----------------------------------------------------------------------

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"  pageEncoding="ISO-8859-1"%>
http://www.w3.org/TR/html4/loose.dtd">

   
       
        first jsp


<script type="text/javascript">

$(document).ready(function() {

$.ajax({
                            type: "POST",
                            url: "invoke.jsp",
                            data: {reqno: "2"},
                            success: function(sugg) {
                                document.getElementById("lblOutput").innerHTML =  sugg;
                            }
                  
                        });

});

</script>

 

=============================================================

invoke.jsp

------------------------------------------------------------------------------------

<%@page contentType="text/html" pageEncoding="UTF-8"%>
   ">
<%@ page import="app.Ev" %>

   
       
        Invoke Java Code
   
   
        <script type="text/javascript">
             $(document).ready(function() {
        <%
                        String reqNo = "1";  //default
                        if (request.getParameter("reqno") != null) {
                            reqNo = request.getParameter("reqno");
                            int reqInt = Integer.parseInt(reqNo);
                            Ev req = new Ev(3);//value: [1,8]
                            String sugg = req.getSuggestions(reqInt);
                        %>alert(<%=sugg%>);<%
                        response.getWriter().write(sugg);
                        }
                %>

                    });
    </script>
   

==============================================================

app.Ev.java

------------------------------------------------

package app;

public class Ev {

private int lev;

public String getSuggestions (int reqInt){

int result = reqInt + lev;

return String.valueOf(result)lblOutput;

}

public Ev (int lev){

this.lev= lev;

}

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值