web第18天ajax和json

来源：互联网发布：闲鱼淘宝介入操作过程编辑：程序博客网时间：2024/06/03 18:27

ajax

jsp:页面代码：$(function(){    $("#dianji").click(function(){        var url = "text";        var post_data="";        $.post(url,post_data,function(data){            $("#boy").html(data);        }); })<body><div id="dianji">    点击</div><div id="boy"></div></body>controller代码：response.getWriter().print("ajax test");

Json：要导入fastjson-1.2.23.jar这个包

jsp:页面代码：        var url = "TestJsonServlet";        var post_data = {"name":"jingshan","age":"18"};        $.post(url,post_data,function(data){            //console.log(data)// 查看返回数据            var json_data = $.parseJSON(data);// 解析返回的json对象            //console.log(json_data);            //console.log(json_data[0].age)// 展示 方式2            for(i in json_data){// 遍历的方式                console.log(json_data[i].name)                console.log(json_data[i].age)            }        });    servlet：页面代码：               //response.getWriter().print("{'key':'value'}")//阿里json版本        List<Person> list=new ArrayList<Person>();        Person p1=new Person("zy", "18");        list.add(p1);        Person p2=new Person("zy", "18");        list.add(p2);        Person p3=new Person("zy", "18");        list.add(p3);        response.getWriter().println(JSON.toJSONString(list));

mvc

ava Web开发有Model 1和Model 2两种模型，Model 1以页面为中心，只适用于非常小型的应用，因此建议使用Model 2进行应用开发。与此同时，要完成复杂应用程序的开发可以先将应用的功能横向切分为多个层面，每个层面只承担相对单一的职责，通过上层对下层的调用形成一个完整的系统，这就是分层开发，而最典型的做法就是将应用分解为表示层、业务层和持久层。    a. 使用Servlet或Filter作为控制器（Controller）    b. 使用JavaBean作为模型（Model）    c. 使用JSP作为视图（View）

这里写图片描述

阅读全文

0 0