初试jquery AJAX
在学校时,带我们的老师用的是jquery。那时候觉得,好简单,不过就是节点函数取节点-->对节点进行相应的操作-->返回值.
:~~思想很明确,然而现实却是,一个小小的AJAX我弄了两天,而且还有项目经理的帮助才完成。
其中,发现个问题:
原来jquery1.3.2中的getJSON();,在jquery1.4与1.4.4中居然无法调用钩子函数。
http://www.agoit.com/images/smiles/icon_cry.gif令我苦恼:~~~这个问题烦了一天,换成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;@Overrideprotected void doGet(HttpServletRequest req, HttpServletResponse resp)throws ServletException, IOException {this.doPost(req, resp);}@Overrideprotected 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的操作(待续……)http://www.agoit.com/images/smiles/icon_biggrin.gif。
<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前端的框架。http://www.agoit.com/images/smiles/icon_biggrin.gif
页:
[1]