1.遍历ajax返回的json：

　　第一种：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<%

    String path = request.getContextPath();

    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()

            + path + "/";

%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<base href="<%=basePath%>">

<title>My JSP 'login.jsp' starting page</title>

<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>

<script type="text/javascript">

    $(function() {

        $("#do_login_button").click(function() {

            $.ajax({

                type : "POST",
　　　　　　　　　 data :{
　　　　　　　　　　　　username: $("#username").val(),
　　　　　　　　　　　　password: $("#password").val()
　　　　　　　　　　},

                url : "login/findUser",

                dataType : "json",

                success : function(data) {

                    var dataObj = data, //返回的result为json格式的数据

                        con = "";

                        $.each(dataObj, function(index, item){

                            con += "<li>姓名："+item.username+"</li>";

                            con += "<li>性别："+item.password+"</li>";

                            con += "<li>现居地："+item.id+"</li>";

                        });

                        console.log(con);    //可以在控制台打印一下看看，这是拼起来的标签和数据

                        $("#con").html(con); //把内容入到这个div中即完成

                }

            });

        });

    });

</script>

</head>

<body>

    <form id="forms" method="post">

        Username:<input type="text" id="username" name="username" /> <br /> Passowrd:<input

            type="password" id="password" name="password" /> <br /> <input

            id="do_login_button" type="button" value="Login" />

    </form>

    <div id="box">

        <a class="btn" href="javascript:;">点击</a>

        <ul id="con"></ul>

    </div>

</body>

</html>

2.Ajax：

java：JQuery（Ajax，JSON）的更多相关文章

  1. java：LeakFilling（Servlet，JSP）

    1.web-inf中的  .jsp 文件不会运行,其他都根据web.xml文档中的自然顺序进行运行 2.keep-alive 长连接(持续)  UDP,TCP短连接 3.状态码:1(消息异常) 2(成 ...

  2. java：JQuery（声明，JQ和JS对象的区别，prop，attr，addClass，offset，trigger，dblclick和change事件，hide，show，toggle，slideUp，slideDown，slideToggle，三种选择器，标签的获取，三张图片的放大与缩小）

    1.JQuery: jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架).jQuery设计 的宗旨是“ ...

  3. java：easyui（jQueryEasyUI，分页）

    1.介绍: jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面.开发者不需要编写复杂的ja ...

  4. java：Session（概述，三层架构实例（实现接口封装JDBC），Session实现简单购物车实例）

    1.Session概述: Session:在计算机中,尤其是在网络应用中,称为“会话控制”.Session 对象存储特定用户会话所需的属性及配置信息.这样,当用户在应用程序的 Web 页之间跳转时,存 ...

  5. java：LeakFilling（JSP，servlet，Ajax，Json，Path）

    1. request.setAttribute("test", "测试");       request.getRequestDispatcher(" ...

  6. java：shiro（认证，赋予角色，授权...）

    1.shiro(权限框架(认证,赋予角色,授权...)): readme.txt(运行机制): 1.从jsp的form中的action属性跳转到springmvc的Handler中(controlle ...

  7. java：面向对象（多态，final，抽象方法，（简单工厂模式即静态方法模式），接口）

    * 生活中的多态:同一种物质,因环境不同而表现不同的形态. * 程序中多态:同一个"接口",因不同的实现而执行不同的操作. * 多态和方法的重写经常结合使用,子类重写父类的方法,将 ...

  8. Java：面向对象（继承，方法的重写（overide），super，object类及object类中方法的重写，父子类代码块执行顺序）

    继承: 1.继承是对某一匹类的抽象,从而实现对现实世界更好的建模. 2.提高代码的复用性. 3.extends(扩展),子类是父类的扩展. 4.子类继承父类可以得到父类的全部属性和方法.(除了父类的构 ...

  9. java：Oracle（Jdbc的封装）和HTML（登录，注册，个人信息界面）

    1.Oracle Jdbc的封装: public class TestJdbc { // 把jdbc需要的属性,全部私有化 private static final String DRIVER = & ...

随机推荐

  1. sql 183. 从不订购的客户

    SQL架构 某网站包含两个表,Customers 表和 Orders 表.编写一个 SQL 查询,找出所有从不订购任何东西的客户. Customers 表: +----+-------+ | Id | ...

  2. Linux之screen用法

    Screen被称之为一个全屏窗口管理器,用他可以轻松在一个物理终端上获得多个虚拟终端的效果. Screen功能说明: 简单来说,Screen是一个可以在多个进程之间多路复用一个物理终端的窗口管理器,这 ...

  3. USRP B210 更改A通道或B通道

    USRP B210 更改A通道或B通道: 默认是A通道进行发射/接收,或设置 Mb0:Subdev Spec: A:A 设置B通道进行发射/接收,设置 Mb0:Subdev Spec: A:B

  4. Storm实践(二)：集群搭建

    集群规划 角色 IP hostname nimbus 192.168.100.101 dda supervisor 192.168.100.102 ddb supervisor 192.168.100 ...

  5. linux下ssh免秘钥登录

    1.检查防火墙是否关闭 (1)切换到root用户 (2)查看防火墙状态 service iptables status 这是没有关闭 (3)设置关闭 service iptables stop 2.检 ...

  6. [HEOI2016&TJOI2016] 排序（线段树）

    4552: [Tjoi2016&Heoi2016]排序 Time Limit: 60 Sec  Memory Limit: 256 MBSubmit: 2703  Solved: 1386[S ...

  7. HZOJ 20190719 那一天她离我而去（图论最小环）

    这题算是这场考试里最水的一道题了吧,就是求个最小环,但之前没练过,就在考场上yy出了最短路+次短路的傻逼解法,首先是不会求次短路,其次是这显然不对呀,自己随便想想就可以反驳这种解法. 正解比较神,但是 ...

  8. sh_21_遍历字典的列表

    sh_21_遍历字典的列表 students = [ {"name": "阿土"}, {"name": "小美"} ] ...

  9. mysql5.7提示密码过期的解决方法

    首先把MySQL关闭 打开一个终端,输入 sudo /usr/local/mysql/bin/mysqld_safe --skip-grant-tables 执行完命令后,再打开一个新的终端 sudo ...

  10. jQuery文档操作之删除操作

    remove() 语法: $(selector).remove(); 解释:删除节点后,事件也会删除(简言之,删除了整个标签) $("ul").remove(); detach() ...