`
endisonlai
  • 浏览: 10357 次
  • 性别: Icon_minigender_1
  • 来自: 昆明
最近访客 更多访客>>
社区版块
存档分类
最新评论

初试jquery AJAX

阅读更多

 在学校时,带我们的老师用的是jquery。那时候觉得,好简单,不过就是节点函数

    取节点-->对节点进行相应的操作-->返回值.

              :~~思想很明确,然而现实却是,一个小小的AJAX我弄了两天,而且还有项目经理的帮助才完成。

其中,发现个问题:

         原来jquery1.3.2中的getJSON();,在jquery1.41.4.4中居然无法调用钩子函数。

         令我苦恼:~~~这个问题烦了一天,换成1.3.2才没这个问题。不知这是否是个bug。

好了,不说废话了。

       代码贴上:

	function printLicense(organ_id) {
   		var url = "LicenceOriginalServlet";           --action地址
    	                var params = {"organ_id":organ_id};     --parameter(不用在url后面加?,jquery自动加参数)
    		$.getJSON(url,params,function(data) {
               			 /*TODO Something with your code*/
                           		alert(data);
                });
    }

    前端代码主要功能:发送请求到某个Action,传递某些参数,获得json数据进行展现。

 

 

 

package org.servlet;

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

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class LicenceOriginalServlet extends HttpServlet {

	private static final long serialVersionUID = -7497301181053107634L;

	@Override
	protected void doGet(HttpServletRequest req, HttpServletResponse resp)
			throws ServletException, IOException {
		this.doPost(req, resp);
	}

	@Override
	protected void doPost(HttpServletRequest request,
			HttpServletResponse response) throws ServletException, IOException {
		//防止页面缓存以及设置传递的字符编码
		response.setHeader("Pragma","No-cache");
		response.setHeader("Cache-Control","no-cache");
		response.setDateHeader("Expires", 0);
		response.setCharacterEncoding("GBK");
		response.setContentType("text/html; charset=GBK");
		
		PrintWriter out = null;
		
		try {
			String operatorid = (String) request.getSession().getAttribute("userid");
			//获取数据	
 			/*TODO your code */													
			//输出数据(采用Json格式)
			String json = {"name":"zhangsan"};
			out = response.getWriter();
			out.write(json);
		} catch (DebugException e) {
			e.printStackTrace();
		} finally {
			if(out!=null) {
				out.close();
			}
		}
	} 
}

   服务器端主要功能:采用request.getParameter()获取数据,对数据进行处理后,采用printWriter流写出

    ps:~~~可采用Json-lib方式进行json的操作(待续……)

 

 

<servlet>
     <servlet-name>LicenceOriginalServlet</servlet-name>
     <servlet-class>org.servlet.LicenceOriginalServlet</servlet-class>
</servlet>
 <servlet-mapping>
        <servlet-name>LicenceOriginalServlet</servlet-name>
        <url-pattern>/LicenceOriginalServlet</url-pattern>
    </servlet-mapping>

    web.xml配置。

 

经过这次的学习,对jquery的AJAX有了一定的了解。以后得多多动手,学习web前端的框架。

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics