Ajax局部刷新，异步请求

Ajax执行原理：

同步请求和异步请求：

Ajax的语句：

1. <script src="/js/jquery-1.12.4.min.js"></script>
2.   <script>
3.     $(function () {
4.       $("button").click(function () {
5.         $.ajax({
6.           url:"/indexServlet",
7.           type:"get",//请求方式
8.           //async:false,//false同步 默认，true异步
9.           dataType:"text",//返回值类型，常用的json,text，如果要使用result.属性要改为json
10.           data:{uname:'张三',pwd:1234},//传递数据以键值对的形式
11.           success:function (result) {//请求后端的结果传给参数result
12.             $("h1").text(result);
13.           },
14.           error:function () {//请求失败
15.             $("h1").text("请求失败！");
16.           }
17.         });
18.       });
19.     });
20.   </script>

复制代码

在Java中提供的json字符串 ，属性要用""包括。 

1. @WebServlet("/indexServlet")
2. public class IndexServlet extends HttpServlet {
3.     @Override
4.     protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
5.         req.setCharacterEncoding("utf-8");
6.         String uname = req.getParameter("uname");
7.         String pwd = req.getParameter("pwd");
8.         //相应编码
9.         resp.setCharacterEncoding("utf-8");
10.         //json字符串
11.         String msg = "登陆成功";
12.         String s = "{"code":200,"msg":"+msg+"}";
13.         PrintWriter out = resp.getWriter();
14.         out.print(s);
15.     }
16. }

复制代码

阿里巴巴提供的包：

         可以方便的实现json对象与JavaBean对象的转换，实现JavaBean对象与json字符串的转换，实现json对象与json字符串的转换。
JSONObject：
        JSONObject是一个表示JSON对象的类。它允许你创建、读取和操作JSON对象。
        JSON对象由键值对组成，此中键是字符串，值可以是各种类型（如字符串、数字、布尔值、数组、另一个JSON对象等）。
JSONArray：
        是一个表示JSON数组的类。它允许你创建、读取和操作JSON数组。
        JSON数组是一个有序的值集合，可以包含各种类型的元素（如字符串、数字、布尔值、另一个JSON对象或另一个JSON数组）。

1. @WebServlet("/indexServlet")
2. public class IndexServlet extends HttpServlet {
3.     @Override
4.     protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
5.         req.setCharacterEncoding("utf-8");
6.         String uname = req.getParameter("uname");
7.         String pwd = req.getParameter("pwd");
8.         //相应编码
9.         resp.setCharacterEncoding("utf-8");
10.         JSONObject jsonObject = new JSONObject();
11.         JSONArray jsonArray = new JSONArray();
12.         if ("张三".equals(uname) && "1234".equals(pwd)){
14.             jsonObject.put("code",200);
15.             jsonObject.put("msg","登陆成功");
16.             //out.print(uname+"登陆成功");
17.         }else{
18.             //out.print("登录失败");
19.             jsonObject.put("code",400);
20.             jsonObject.put("msg","登陆失败");
21.         }
22.         PrintWriter out = resp.getWriter();
23.         out.print(s);
24.     }
25. }

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。