jquery ajax用法

妖狐艹你老母 2022-06-11 02:49 261阅读 0赞

设置请求地址和请求参数

//1.请求的servlet路径
            var url = "/json/servlet";
            //2.请求参数
            var params = {
       "name":"admin","pass":"admin"};

### servlet ###

package com.cyh.cc;
    
    import java.io.IOException;
    import java.io.PrintWriter;
    
    import javax.servlet.ServletException;
    import javax.servlet.http.HttpServlet;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    
    public class Servlet extends HttpServlet { 
    
        public void doGet(HttpServletRequest request, HttpServletResponse response)
                throws ServletException, IOException {
            //请求方式
            String method = request.getMethod();
            System.out.println(method);
    
            //请求参数
            String name = request.getParameter("name");
            String pass = request.getParameter("pass");
            System.out.println(name);
            System.out.println(pass);
    
            //响应的数据 json
            String json = "{\"message\":\"响应成功\"}";
    
            //解决响应的乱码问题
            response.setContentType("text/html;charset=utf-8"); //这样也行,通过ajax的type设置成json可以解决乱码
            //response.setContentType("application/json; charset=utf-8"); //标准格式 
    
            response.getWriter().print(json);
        }
    
        public void doPost(HttpServletRequest request, HttpServletResponse response)
                throws ServletException, IOException {
            doGet(request, response);
        }
    
    }

### load函数 ###

/* 使用load()函数 参数格式 1 url 2 data 3 callback 回调函数， 如果没有请求参数 则是get请求 有参数 则是post请求 回调函数的参数：data 得到的是字符串， 需要通过eval转换成json对象 */
    /                   $(this).load(url, params, function(data){ 
                            alert(data);
                            //转换
                            var json = eval("(" + data + ")");
                            alert(json.message);
                        });

### $.get()函数 ###

/*
                    $.get()函数
                    不适合发送中文信息，可通过手动解码， new String (name,getBytes("ISO-8859-1"),"UTF-8");
                    参数格式: 
                    url,
                    data,
                    callback,回调中接受响应的数据
                    type 接受到的类型，可以填写成json
                */
                $.get(url, params, function(data){ alert(data); },"json");

### $.pos() ###

$.post(url,params,function(data){ 
                    alert(data);
                });

### $.ajax() ###

/* $.ajax()方法 参数个数 url data type post或者get success 成功的回调函数 error 失败时调用的函数 dataType 回调数据的类型 */
                    $.ajax({
                    "url":url,
                    "data":params,
                    "type":"post",
                    "success":function(data){ 
                        alert(data.message);
                    },
                    "error":function(){ 
                        alert("服务器繁忙");
                    },
                    "dataType":"json"
                }); 
            });