Ajax用法查询

Posted 2021-02-16 杂货商

1）$.get(url, [data], [callback], [type])

2）$.post(url, [data], [callback], [type])

 

其中：

url：代表请求的服务器端地址

data：代表请求服务器端的数据（可以是key=value形式也可以是json格式）

callback：表示服务器端成功响应所触发的函数（只有正常成功返回才执行）

type：表示服务器端返回的数据类型（jquery会根据指定的类型自动类型转换）

常用的返回类型：text、json、html等

 1     function get()
 2     {
 3         $.get(
 4             "/web13/AjaxServlet",
 5             {"name":"张圣南"},
 6             function(data){
 7                 alert(data.name);
 8             },
 9             "json"
10         );
11     }
12     
13     function post()
14     {
15         var name=$("#name").val();
16         $.post(
17             "/web13/AjaxServlet",
18             {"username":name},
19             function(data){
20                 alert(data);
21             },
22             "text"
23         )
24     }

 

3）$.ajax( { option1:value1,option2:value2... } );

常用的option有如下：

async：是否异步，默认是true代表异步

data：发送到服务器的参数，建议使用json格式

dataType：服务器端返回的数据类型，常用text和json

success：成功响应执行的函数，对应的类型是function类型

type：请求方式，POST/GET

url：请求服务器端地址

 1 function get()
 2     {
 3         $.ajax({
 4             url:"/web13/Servlet2",
 5             async:true,
 6             data:{"name":"小红","pwd":123},
 7             success:function(data){
 8                 alert(data.username);
 9             },
10             type:"post",
11             dataType:"json"
12         })
13     }

 response.getWriter().write("{"isExist":"+flag+"}");