jquery实例

jquery实例
jquery实例

2010-03-17

jQuery例子

文章分类:Web前端

Action: AJAXServer

Ajaxserver 代码

1.import java.io.PrintWriter;

2.import javax.servlet.http.HttpServletRequest;

3.import javax.servlet.http.HttpServletResponse;

4.import org.apache.struts.action.Action;

5.import org.apache.struts.action.ActionForm;

6.import org.apache.struts.action.ActionForward;

7.import org.apache.struts.action.ActionMapping;

8.

9.public class AJAXServer extends Action {

10.

11. public ActionForward execute(ActionMapping mapping, ActionF

orm form,

12. HttpServletRequest request, HttpServletResponse res

ponse)

13. throws Exception {

14.

15. String userName = new String(request.getParameter("name

").getBytes("iso8859-1"),"UTF-8");

16.

17. System.out.println(userName);

18.

19. PrintWriter out = response.getWriter();

20. out.write("I am From Server"+userName);

21. out.close();

22. return mapping.findForward("To_Index");

23. }

24.

25.}

JS: verify.js

Verify.js 代码

1.function verify(){

2. var jqueryobj = $("#userName");

3. var userName = jqueryobj.val();

4. $.get("AJAXServer.do?name="+userName,null,callback);

5.}

6.

7.function callback(data){

8. var resultObj = $("#result");

9. resultObj.html(""+data+"");

10.}

前台页面:index.jsp

Index.jsp 代码

1.<%@ page language="java" import="java.util.*" pageEncoding="gb2

312"%>

2.<%

3.String path = request.getContextPath();

4.String basePath = request.getScheme()+"://"+request.getServerNa

me()+":"+request.getServerPort()+path+"/";

5.%>

6.

7.

8.

9.

10.

11. Ajax starting page

12.