码迷,mamicode.com
首页 > Web开发 > 详细

Ajax用法查询

时间:2019-04-15 18:22:45      阅读:201      评论:0      收藏:0      [点我收藏+]

标签:方式   .post   $.ajax   url   span   key   col   callback   查询   

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+"}");

Ajax用法查询

标签:方式   .post   $.ajax   url   span   key   col   callback   查询   

原文地址:https://www.cnblogs.com/xiaozhang666/p/10711905.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!