\u9700\u8981jQuery\u5c31\u5bfc\u5165，\u9700\u8981VUE\u5c31\u5bfc\u5165，\u4e24\u4e2a\u90fd\u9700\u8981\u5c31\u81ea\u5df1\u5b9e\u73b0\u751f\u6001<\/p>\n
1. \u7f16\u5199\u5bf9\u5e94\u5904\u7406\u7684Controller，\u8fd4\u56de\u6d88\u606f\u540e\u8005\u5b57\u7b26\u4e32\u6216\u8005JSON\u683c\u5f0f\u7684\u6570\u636e<\/p>\n
2. \u7f16\u5199Ajax<\/p>\n
\u00a0 \u00a0 \u00a0 \u00a0 <1> url: Controller\u8bf7\u6c42<\/p>\n
\u00a0 \u00a0 \u00a0 \u00a0 <2>data: \u952e\u503c\u5bf9<\/p>\n
\u00a0 \u00a0 \u00a0 \u00a0 <3> success ：\u56de\u8c03\u51fd\u6570<\/p>\n
3.\u7ed9Ajax\u7ed1\u5b9a\u4e8b\u4ef6，\u5982：\u70b9\u51fb\u4e8b\u4ef6click\u00a0 \u5931\u53bb\u7126\u70b9\u4e8b\u4ef6 onblur \u952e\u76d8\u76f8\u5173keydown keyup<\/p>\n<\/p>\n
<%@ page contentType="text\/html;charset=UTF-8" language="java" %>
\n<html>
\n<head>
\n <title>Ajax <\/title>
\n<%– jQUERY \u9700\u8981\u81ea\u884c\u5bfc\u5165 \u5bfc\u5165\u65f6\u6ce8\u610f\u8def\u5f84\u95ee\u9898–%>
\n <script src="${pageContext.request.contextPath}\/js\/jquery.min.js"\/>
\n<\/head>
\n<body>
\n<h2>Hello World!<\/h2>
\n<%– onblur\u5931\u53bb\u7126\u70b9–%>
\n\u7528\u6237\u540d：<input type="text" id="txtName" onblur="a1()"><\/p>\n
<\/body>
\n<script type="text\/javascript"><\/p>\n
function a1(){
\n \/\/ \u53c2\u6570
\n \/*
\n url: \u5f85\u8f7d\u5165\u9875\u9762\u7684url\u5730\u5740 json
\n data： \u5f85\u53d1\u9001\u7684key\/ value\u53c2\u6570 \u5c01\u88c5\u4e86\u670d\u52a1\u5668\u8fd4\u56de\u7684\u6570\u636e
\n success: \u8f7d\u5165\u6210\u529f\u65f6\u5019\u56de\u8c03\u7684\u51fd\u6570
\n *\/
\n $.ajax({
\n \/\/ ajax，\u9ed8\u8ba4\u662fget\u8bf7\u6c42
\n url:"${pageContext.request.contextPath}\/user\/quick",
\n data:{"username":$("#txtName").val()},
\n success:function (data){
\n console.log(data);
\n console.log(status);
\n }
\n });<\/p>\n
\/\/\u4f7f\u7528post\u7684\u8bdd\u8fd9\u4e48\u5199
\n \/*
\n $.post({
\n \/\/ ajax，\u9ed8\u8ba4\u662fget\u8bf7\u6c42
\n url:"${pageContext.request.contextPath}\/user\/quick",
\n data:{"name":$("txtName").val()},
\n success:function (data){
\n console.log(data);
\n console.log(status);
\n }
\n });
\n *\/<\/p>\n
\/\/ \u5c06\u6587\u672c\u8f93\u51fa\u7684\u503c
\n $("txtName").val();
\n }<\/p>\n
$(function (){
\n $.post("${pageContext.request.contextPath}\/ajax\/a2",function (data){
\n console.log(data);
\n let html = "";
\n for (let i=0;i<data.length;i++) {
\n html += "<tr>" +
\n "<td>" + data[i].name + "<\/td>" +
\n "<td>" + data[i].age + "<\/td>" +
\n "<td>" + data[i].sex + "<\/td>" + "<tr>"
\n }
\n $("#content").html(html);
\n })
\n })
\n })
\n<\/script>
\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"
\u9700\u8981jQuery\u5c31\u5bfc\u5165，\u9700\u8981VUE\u5c31\u5bfc\u5165，\u4e24\u4e2a\u90fd\u9700\u8981\u5c31\u81ea\u5df1\u5b9e\u73b0\u751f\u6001\u4e09\u90e8\u66f2：1. \u7f16\u5199\u5bf9\u5e94\u5904\u7406\u7684Controller，\u8fd4\u56de\u6d88\u606f\u540e\u8005\u5b57\u7b26\u4e32\u6216\u8005JSON\u683c\u5f0f\u7684\u6570\u636e2. \u7f16\u5199Ajax url: Controller\u8bf7\u6c42data: \u952e\u503c\u5bf9 success ：\u56de\u8c03\u51fd\u65703.\u7ed9Ajax\u7ed1\u5b9a\u4e8b\u4ef6，\u5982：\u70b9\u51fb\u4e8b\u4ef6click\u00a0 \u5931\u53bb\u7126\u70b9\u4e8b\u4ef6 onblur \u952e\u76d8\u76f8\u5173keydown key<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[3236,93,2390],"topic":[],"class_list":["post-101549","post","type-post","status-publish","format-standard","hentry","category-server","tag-ajax","tag-json","tag-okhttp"],"yoast_head":"\n