<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>查询单个用户</title> <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script> </head> <style> p { display: inline; } #id { margin-left: 15px; } td, th { border: solid black 1px; } </style> <body> <h1>查询所有用户</h1> <p>按ID查询</p> <input type="text" name="text" id="id"> <br> <p>按名称查询</p> <input type="text" name="text" id="username"> <br> <br> <button>发送请求</button> <br> <br> <table id="mytab" border="1"> <tr> <th>#</th> <th>用户名</th> <th>密码</th> <th>年龄</th> </tr> </table> <script> $(document).ready(function() { $('button').on('click',function() { var $id = $('#id').val(); var $username = $('#username').val(); var $password = $('#password').val(); var $age = $('#age').val(); if ($id !== null) { alert($id); var params = { "id" : $id }; }
if (username !== null) { alert($id); var params = { "username" : $username }; alert($username); } $.ajax({ url : "http://“”/ajax-curd/findOneUser.do", type : 'GET', dataType : 'json', data : params, success : function(data) { // 数据状态success console.log(data); $("#mytab").append("<tr><td>"+data.id+"</td><td>"+data.username+"</td><td>"+data.password+"</td><td>"+data.age+"</td></tr>"); } }); }) }) </script> </body> </html>
id 可以查出数据
username 报错 java.lang.NumberFormatException: For input string: ""
id和username交换顺序,usernme可以查出数据。
原因:jquery var ,加载顺序。JS对象,json格式转换?