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.
12.
>
14.
15.
16.
17.
18.
19.
20.
21.
项目中用到Jquery,感觉真的不错,开源的插件也比较多。
项目中,我随手记录一些常用的方法。也是刚刚学习,有问题大家一起讨论,
希望能留下宝贵意见!
首先,在JQuery中AJAX请求一般有
$.post(url,data,callback) $.get(url,data,callback)
$.ajax (options)...
以post为例JSON数据处理方式:
1. html code:
Html代码
2.jQuery code:
3.由post url执行的action. java code
XML处理方式:
1.html代码(用的是jmesa第三包完成页面table的封装,它的功能很强大,正在学习中..
Html代码
2. jQuery 代码
Javascript代码
3.java代码