jquery - ajax - json 例子

最新推荐文章于 2019-02-02 13:53:25 发布

wodehongseupan

最新推荐文章于 2019-02-02 13:53:25 发布

阅读量2.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： web前端文章标签： json jquery ajax

本文链接：https://blog.youkuaiyun.com/wodehongseupan/article/details/10756019

web前端专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种使用Ajax与Java技术结合的方法来实现网页中下拉框的动态加载。通过Ajax发送异步请求到后端Java程序获取数据，并利用jQuery将返回的JSON数据绑定到下拉框中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

----jsp：----

function fInit(){
   $.ajax({
         type: "post",        //使用get方法访问后台
         dataType: "json",       //返回json格式的数据
         url: "yhzcgl.do?method=GetGroup",   //要访问的后台地址
         data: "",         //要发送的数据
         complete :function(){},      //AJAX请求完成时
         success: function(msg){      //msg为返回的数据，在这里做数据绑定
          for (var i in msg){
            $("#ssz").append("<option value="+msg[i].bh+">"+msg[i].mc+"</option>");
       }
         }
      });
}

----java：----

//jquery-ajax
public void GetGroup(ActionMapping actionMapping, ActionForm actionForm,
    HttpServletRequest httpServletRequest,
    HttpServletResponse httpServletResponse) throws IOException,
    ServletException {
   try{
         List  lstGroup = groupBusiness.ShowUGroup(groupBean);
        //将List转化为JSON
        JSONArray json=JSONArray.fromObject(lstGroup);
       //设置编码
       httpServletResponse.setCharacterEncoding("gbk");
        //写入到前台
        httpServletResponse.getWriter().write(json.toString());
   }catch(Exception e){
       logger.error(e);
   }
}

----需要的包：----

jquery-1.2.6.min.js

json-lib-2.3-jdk15.jar
commons-beanutils-1.7.0.jar
commons-httpclient-3.1.jar
commons-lang-2.3.jar
commons-logging-1.0.4.jar
commons-collections-3.1.jar
ezmorph-1.0.3.jar