六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 34|回复: 0

初试jquery AJAX

[复制链接]

升级  30%

3

主题

3

主题

3

主题

童生

Rank: 1

积分
15
 楼主| 发表于 2013-1-23 01:43:54 | 显示全部楼层 |阅读模式
 在学校时,带我们的老师用的是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;@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的操作(待续……)
 
 
<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前端的框架。
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表