1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>查询单个用户</title>
  6. <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
  7. </head>
  8. <style>
  9. p {
  10. display: inline;
  11. }
  12.  
  13. #id {
  14. margin-left: 15px;
  15. }
  16.  
  17. td, th {
  18. border: solid black 1px;
  19. }
  20. </style>
  21. <body>
  22. <h1>查询所有用户</h1>
  23. <p>按ID查询</p>
  24. <input type="text" name="text" id="id">
  25. <br>
  26. <p>按名称查询</p>
  27. <input type="text" name="text" id="username">
  28. <br>
  29. <br>
  30. <button>发送请求</button>
  31. <br>
  32. <br>
  33.  
  34. <table id="mytab" border="1">
  35.     <tr>
  36.         <th>#</th>
  37.         <th>用户名</th>
  38.         <th>密码</th>
  39.         <th>年龄</th>
  40.     </tr>
  41. </table>
  42.  
  43. <script>
  44. $(document).ready(function() {
  45.        $('button').on('click',function() {
  46.                 var $id = $('#id').val();
  47.                 var $username = $('#username').val();
  48.                 var $password = $('#password').val();
  49.                 var $age = $('#age').val();
  50.  
  51.                 if ($id !== null) {
  52.                     alert($id);
  53.                     var params = {
  54.                         "id" : $id
  55.                     };
  56.  
  57.                 }
  58.  
  59.  if （username !== null) {
  60.                     alert($id);
  61.                     var params = {
  62.                             "username" : $username
  63.                         };
  64.                         alert($username);
  65.                     }
  66.  
  67.                 $.ajax({
  68.                     url : "http://“”/ajax-curd/findOneUser.do",
  69.                     type : 'GET',
  70.                     dataType : 'json',
  71.                     data : params,
  72.                     success : function(data) { // 数据状态success
  73.                         console.log(data);
  74.                         $("#mytab").append("<tr><td>"+data.id+"</td><td>"+data.username+"</td><td>"+data.password+"</td><td>"+data.age+"</td></tr>");
  75.  
  76.                     }
  77.                 });
  78.         })
  79. })
  80. </script>
  81. </body>
  82. </html>

id 可以查出数据

username  报错  java.lang.NumberFormatException: For input string: ""

id和username交换顺序，usernme可以查出数据。

原因：jquery var ,加载顺序。JS对象，json格式转换？

ajax-json,遇到的一个问题，jquery var ,加载顺序。JS对象，json格式转换。的更多相关文章

  1. jquery动态加载 去除js

    !-- 这里为你提供了三种动态加载js的jquery实例代码哦,由于jquery是为用户提供方便的,所以利用jquery动态加载文件只要一句话$.getscript("test.js&quo ...

  2. js、jquery初始化加载顺序

    // ready 这个方法只是在页面所有的DOM加载完毕后就会触发 // 方式1 $(function(){ // do something }); // 方式2 $(document).ready( ...

  3. jquery load加载页面内ajax返回的div不能响应页面js的问题的解决方案

    1. 前言 由于项目需要,需要load一个页面并保持ajax返回的div能响应其页面内的JS的click事件.这个不是 解决用jquery load加载页面到div时,不执行页面js的问题 这类问题, ...

  4. jQuery自动加载更多程序

    1.1.1 摘要 现在,我们经常使用的微博.微信或其他应用都有异步加载功能,简而言之,就是我们在刷微博或微信时,移动到界面的顶端或低端后程序通过异步的方式进行加载数据,这种方式加快了数据的加载速度,由 ...

  5. jQuery+zTree加载树形结构菜单

    jQuery+zTree加载树形结构菜单 由于项目中需要设计树形菜单功能,经过一番捣腾之后,终于给弄出来了,所以便记下来,也算是学习zTree的一个总结吧. zTree的介绍: 1.zTree 是利用 ...

  6. jQuery自动加载更多程序（转）

    jQuery自动加载更多程序   1.1.1 摘要 现在,我们经常使用的微博.微信或其他应用都有异步加载功能,简而言之,就是我们在刷微博或微信时,移动到界面的顶端或低端后程序通过异步的方式进行加载数据 ...

  7. 从一个例子了解window.onload、$(function(){})、$(window).load(function(){})的加载顺序

    最近遇到一个轮播需求: 1. ajax请求服务器,返回json,判断json数据里每一项中isFix属性是0还是1,0表示不轮播,1表示需要轮播. 2. 当isFix属性为0的时候,表示该图片不轮播, ...

  8. 使用RequireJS并实现一个自己的模块加载器 (一)

    RequireJS & SeaJS 在 模块化开发 开发以前,都是直接在页面上引入 script 标签来引用脚本的,当项目变得比较复杂,就会带来很多问题. JS项目中的依赖只有通过引入JS的顺 ...

  9. 【模块化编程】理解requireJS-实现一个简单的模块加载器

    在前文中我们不止一次强调过模块化编程的重要性,以及其可以解决的问题: ① 解决单文件变量命名冲突问题 ② 解决前端多人协作问题 ③ 解决文件依赖问题 ④ 按需加载(这个说法其实很假了) ⑤ ..... ...

随机推荐

  1. nf_conntrack

    How to Fix Nf_conntrack Table Full Dropping Packet Linux CentOS PacketLoss  2 minutes to read (234 w ...

  2. 牛客网PAT乙级(Basic Level)真题-数素数 (20)

    题目描述 令Pi表示第i个素数.现任给两个正整数M <= N <= 10000,请输出PM到PN的所有素数. 输入描述: 输入在一行中给出M和N,其间以空格分隔. 输出描述: 输出从PM到 ...

  3. VSCode 常用的快捷键

    R键:点击后热加载,直接查看预览结果 P键: 在虚拟机中显示网格,常用 O 键:切换iOS 和Android Q键 :退出调试 ctr +~  打开 终端

  4. Nmap使用指南

    一.目标指定 1.CIDR标志位 192.168.1.0/24 2.指定范围 192.168.1.1-255 192.168.1-255.1(任意位置) 3.IPv6地址只能用规范的IPv6地址或主机 ...

  5. [转] Linux运维常见故障排查和处理的技巧汇总

    作为linux运维,多多少少会碰见这样那样的问题或故障,从中总结经验,查找问题,汇总并分析故障的原因,这是一个Linux运维工程师良好的习惯.每一次技术的突破,都经历着苦闷,伴随着快乐,可我们还是执着 ...

  6. python 0,1行列问题

    shape[0]-- 行 A.min(0) --A的按列最小值,生成一个行向量 >>> a = np.random.rand(3,3) >>> a array([[ ...

  7. 转载：python list和set的性能比较+两者转换

    两者性能比较(转自http://www.linuxidc.com/Linux/2012-07/66404.htm) 本来是知道在Python中使用Set是比较高效,但是没想到竟然有这么大的差距: ~$ ...

  8. C# 比较两个路径是否指向同一对象

    string path1 = @"c:\test\rootpath"; string path2 = @"C:\TEST\..\TEST\ROOTPATH"; ...

  9. bootstrap之navbar

    container:固定960px宽度,(如果又引入了响应式样式,则会适当调整,例如1600*900,它会显示1200px) container-fluid:自适应屏幕宽度,即满屏显示. row和co ...

  10. ubuntu12.04 64bit libncurses5-dev和libncurses5-dev:i386共存性问题讨论

    ubuntu12.04 64bit 编译kernel(或者make menuconfig)源码时出现如下错误: HOSTLD scripts/kconfig/mconf scripts/kconfig ...