zoukankan      html  css  js  c++  java
  • java:JQuery(Ajax,JSON)

    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:

  • 相关阅读:
    div定位左右居中
    highcharts绘制3D倾斜的饼图
    Echarts 图表不能渲染问题整理
    RK:系统手势监听
    RK:网络共存、Shell脚本
    泛型
    ArrayList类
    Linux(centos7)安装ClickHouse
    centos安装宝塔命令
    centos下修改hosts文件以及生效命令
  • 原文地址:https://www.cnblogs.com/kuangzhisen/p/7900623.html
Copyright © 2011-2022 走看看