{"id":2522,"date":"2020-11-23T19:05:47","date_gmt":"2020-11-23T11:05:47","guid":{"rendered":"http:\/\/127.0.0.2\/?p=2522"},"modified":"2020-11-25T11:49:43","modified_gmt":"2020-11-25T03:49:43","slug":"2020javaweb%e6%95%99%e7%a8%8b%e4%b9%8b%e5%88%a9%e7%94%a8jqueryajax%e6%9f%a5%e8%af%a2%e6%95%b0%e6%8d%ae%e5%92%8c%e5%88%a0%e9%99%a4%e6%95%b0%e6%8d%ae","status":"publish","type":"post","link":"https:\/\/www.9713job.com\/?p=2522","title":{"rendered":"2020javaweb\u6559\u7a0b\u4e4b\u5229\u7528jQueryAjax\u589e\u5220\u6539\u67e5"},"content":{"rendered":"

2020javaweb\u6559\u7a0b\u4e4b\u5229\u7528jQueryAjax\u67e5\u8be2\u6570\u636e\u548c\u5220\u9664\u6570\u636e<\/h3>\n

\u67e5\u8be2\u6240\u6709\uff1a<\/p>\n

html\uff1a<\/p>\n

<a href=\"add.jsp\">\u6dfb\u52a0\u7528\u6237<\/a>\r\n<div id=\"div1\">\r\n    <table>\r\n        <tbody id=\"a\">\r\n        <tr>\r\n            <th>\u7f16\u53f7<\/th>\r\n            <th>\u7528\u6237\u540d<\/th>\r\n            <th>\u5bc6\u7801<\/th>\r\n            <th>\u6743\u9650<\/th>\r\n            <th>\u64cd\u4f5c<\/th>\r\n        <\/tr>\r\n        <\/tbody>\r\n        <tbody id=\"b\"><\/tbody>\r\n    <\/table>\r\n<\/div>\r\n<button onclick=\"gets()\">\u83b7\u53d6\u6700\u65b0<\/button><\/pre>\n
script\uff1a<\/p>\n
<script>\r\n    var count=0;\r\n    function gets(){\r\n        var xhr=new XMLHttpRequest();\r\n        xhr.onreadystatechange=function(){\r\n            if(xhr.readyState==4&&xhr.status==200){\r\n                var objs=JSON.parse(xhr.responseText);\r\n                if(xhr.responseText==\"bad\"){\r\n                    alert(\"\u67e5\u8be2\u5931\u8d25\");\r\n                }else{\r\n                    var b=document.getElementById(\"b\");\r\n                    var tr=document.createElement(\"tr\");\r\n                    for(var i=0;i<objs.length;i++){\r\n                        count++;\r\n                        if(count<=objs.length){\r\n                            tr=document.createElement(\"tr\");\r\n                            var tdid=document.createElement(\"td\");\r\n                            var tdname=document.createElement(\"td\");\r\n                            var tdpwd=document.createElement(\"td\");\r\n                            var tdacc=document.createElement(\"td\");\r\n                            var tddel=document.createElement(\"td\");\r\n                            tdid.innerText=objs[i].id;\r\n                            tr.append(tdid);\r\n                            tdname.innerText=objs[i].username;\r\n                            tr.append(tdname);\r\n                            tdpwd.innerText=objs[i].password;\r\n                            tr.append(tdpwd);\r\n                            tdacc.innerText=objs[i].access;\r\n                            tr.append(tdacc);\r\n                            var s=\"id=\"+objs[i].id+\"&username=\"+objs[i].username+\"&password=\"+objs[i].password;\r\n                            tddel.innerHTML=\"<a href='update.html?\"+s+\"'>\u4fee\u6539<\/a>\" +\r\n                                \"<a href='javascript:void(0)' onclick='dels(this,\"+objs[i].id+\")'>\u5220\u9664<\/a>\";\r\n                            tr.append(tddel);\r\n                            b.append(tr);\r\n                        }else{\r\n                            tr.remove();\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n        xhr.open(\"get\",\"\/test\/getAll\");\r\n        xhr.send();\r\n    }\r\n    \/*function del(tr,id){\/\/jQueryAjax\u65b9\u6cd5\r\n        var result=confirm(\"\u786e\u5b9a\u8981\u5220\u9664\u5417\uff1f\u64cd\u4f5c\u4e0d\u53ef\u9006\");\r\n        $.post(\"\/test\/del\",\"id=\"+id,function (data) {\r\n            if(result==true){\r\n                if(data==\"1\"){\r\n                    alert(\"\u5220\u9664\u6210\u529f\");\r\n                    tr.parent().parent().remove();\r\n                    location.href=\"getAll.html\";\r\n                }else alert(\"\u5220\u9664\u5931\u8d25\");\r\n            }\r\n        })\r\n\r\n    }*\/\r\n    function dels(tr,id){\r\n        var xhr=new XMLHttpRequest();\r\n        var result=confirm(\"\u786e\u5b9a\u8981\u5220\u9664\u5417\uff1f\u64cd\u4f5c\u4e0d\u53ef\u9006\");\r\n        xhr.onreadystatechange=function(data){\r\n            if(xhr.readyState==4&&xhr.status==200){\r\n                if(result==true){\r\n                    if(xhr.responseText==\"1\"){\r\n                        alert(\"\u5220\u9664\u6210\u529f\");\r\n                        var fa=tr.parentNode.parentNode;\r\n                        fa.remove();\r\n                    }else alert(\"\u5220\u9664\u5931\u8d25\");\r\n                }\r\n            }\r\n        }\r\n        xhr.open(\"post\",\"\/test\/del\");\r\n        xhr.setRequestHeader(\"Content-type\",\"application\/x-www-form-urlencoded\");\r\n        xhr.send(\"id=\"+id);\r\n    }\r\n<\/script><\/pre>\n
\u67e5\u8be2\u6240\u6709\u7684servlet<\/p>\n
PrintWriter writer = response.getWriter();\r\nUsersService us=new UsersServiceImpl();\r\nList<Users> all = us.getAll();\r\nObject o = JSON.toJSON(all);\r\nif(o!=null) writer.print(o);\r\nelse writer.print(\"bad\");<\/pre>\n
\u5220\u9664\u7684servlet<\/p>\n
String id = request.getParameter(\"id\");\r\nPrintWriter writer = response.getWriter();\r\nUsersService us=new UsersServiceImpl();\r\nint delete = us.delete(Integer.parseInt(id));\r\nif(delete>0) writer.print(\"1\");\r\nelse writer.print(\"0\");<\/pre>\n
\u4fee\u6539\u7684html<\/p>\n
<form method=\"post\">\r\n    id : <input type=\"text\" readonly value=\"\" name=\"id\" id=\"id\"><br>\r\n    username : <input type=\"text\" name=\"username\" value=\"\" id=\"username\"><br>\r\n    password : <input type=\"text\" name=\"password\" value=\"\" id=\"password\">\r\n<\/form>\r\n<button onclick=\"changes()\">\u4fee\u6539<\/button><\/pre>\n
\u4fee\u6539\u7684script<\/p>\n
<script>\r\n    $(function () {\r\n        var search = location.search.substring(1);\r\n        var str=search.split(\"&\");\r\n        $.each(str,function(i){\r\n            var v1=str[i].split(\"=\");\r\n            $(\"#\"+v1[0]).val(v1[1]);\r\n        })\r\n    })\r\n    function changes() {\r\n        var id=$(\"#id\").val();\r\n        var username=$(\"#username\").val();\r\n        var password=$(\"#password\").val();\r\n        var userinfo={\"id\":id,\"username\":username,\"password\":password};\r\n        var s=JSON.stringify(userinfo);\r\n        $.post(\"\/test\/update\",\"userinfo=\"+s,function (data) {\r\n            if(data==\"1\"){\r\n                alert(\"\u4fee\u6539\u6210\u529f\");\r\n                location.href=\"getAll.html\";\r\n            }else alert(\"\u4fee\u6539\u5931\u8d25\");\r\n        })\r\n    }\r\n<\/script>\r\n<\/body><\/pre>\n
\u4fee\u6539\u7684servlet<\/p>\n
String userinfo = request.getParameter(\"userinfo\");\r\nUsersService us=new UsersServiceImpl();\r\nint update = us.update(userinfo);\r\nPrintWriter writer = response.getWriter();\r\nif(update>0) writer.print(\"1\");\r\nelse writer.print(\"0\");<\/pre>\n
\u6dfb\u52a0\u6570\u636e<\/p>\n
<body>\r\n<%\r\n    UsersService us=new UsersServiceImpl();\r\n    int id = us.getAllID();\r\n    request.setAttribute(\"id\",id);\r\n%>\r\n<form method=\"post\">\r\n    id : <input type=\"text\" readonly value=\"${id+1}\" name=\"id\" id=\"id\"><br>\r\n    username : <input type=\"text\" name=\"username\" id=\"username\"><br>\r\n    password : <input type=\"text\" name=\"password\" id=\"password\">\r\n<\/form>\r\n<button onclick=\"adds()\">\u6dfb\u52a0\u7528\u6237<\/button>\r\n<script>\r\n    function adds() {\r\n        var id=$(\"#id\").val();\r\n        var username=$(\"#username\").val();\r\n        var password=$(\"#password\").val();\r\n        var str={\"id\":id,\"username\":username,\"password\":password};\r\n        var s=JSON.stringify(str);\r\n        $.post(\"\/test\/add\",\"userinfo=\"+s,function (data) {\r\n            if(data==\"1\"){\r\n                alert(\"\u6dfb\u52a0\u6210\u529f\");\r\n                location.href=\"getAll.html\";\r\n            }else alert(\"\u6dfb\u52a0\u5931\u8d25\");\r\n        })\r\n    }\r\n<\/script>\r\n<\/body><\/pre>\n
\u6dfb\u52a0\u7684servlet<\/p>\n
String userinfo = request.getParameter(\"userinfo\");\r\nUsersService us=new UsersServiceImpl();\r\nint add = us.add(userinfo);\r\nPrintWriter writer = response.getWriter();\r\nif(add>0) writer.print(\"1\");\r\nelse writer.print(\"0\");<\/pre>\n
\"\"
\n\"\"
\n\"\"
\n\"\"<\/p>\n","protected":false},"excerpt":{"rendered":"
2020javaweb\u6559\u7a0b\u4e4b\u5229\u7528jQueryAjax\u67e5\u8be2\u6570\u636e\u548c\u5220\u9664\u6570\u636e \u67e5\u8be2\u6240\u6709\uff1a html\uff1a <a h […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-2522","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/www.9713job.com\/index.php?rest_route=\/wp\/v2\/posts\/2522","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.9713job.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.9713job.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.9713job.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.9713job.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2522"}],"version-history":[{"count":3,"href":"https:\/\/www.9713job.com\/index.php?rest_route=\/wp\/v2\/posts\/2522\/revisions"}],"predecessor-version":[{"id":2525,"href":"https:\/\/www.9713job.com\/index.php?rest_route=\/wp\/v2\/posts\/2522\/revisions\/2525"}],"wp:attachment":[{"href":"https:\/\/www.9713job.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2522"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.9713job.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2522"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.9713job.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2522"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}