ajax的几种使用

摘要：使用ajax的几种方式：

1、常用的写法，也是功能最强的写法：

 1 $.ajax({
 2    
 3      type: "GET",---->此处也可以写“POST”请求
 4     
 5      url: "select",
 6    //ajax请求地址  
 7      dataType:‘json‘,
 8     
 9      data: {id:1001},//也可以是字符串链接"id=1001"，建议用对象
10     
11      success: function(data){
12   
13 
14      if(data.message==="success"){
15 　　　}
16      console.log("返回的数据: " + data );
17    
18      }

2、$.ajax()经常用到的一个工具函数

 ajax提交数据的时候，通常是提交一个表单，所以，序列化表单数据就非常有用，如：$("form").serialize()

 1 $.post(url,formData,
 2        //$.ajax() post方法简写形式,$.post("请求url","发送的数据对象","成功回调","返回数据类型");  
 3         function(data){
 4          //返回成功，可以做一个其他事情
 5                 
 6           console.log(data);
 7           },
 8           ‘json‘);//返回的数据类型
 9         
10     //阻止表单默认提交行为
11         
12     return false
13     
14 })

$.ajax() GET方法和POST方法的简写

 1 $.get(
 2     "url",
 3     {userID:"123"},
 4     function(response) {
 5         //回调函数方法体
 6     }
 7 )
 8 
 9 
10 $.post(
11     "url",
12     {userID:"123"},
13     function(response) {
14         //回调函数方法体
15     }
16 )

3.

1 // 以get请求形式获取到json的ajax数据(只有get请求有json格式，post没有！！！！)
2             /*$.getJSON("url", function (data) {
3 
4             });*/

其实以上的几种方式所要获得的结果都是一样的，只是书写形式上的差别，还有就是get请求或者post请求的区别；

ajax中post和get的区别（转自：https://blog.csdn.net/qq_38499084/article/details/79699210）

get和post都是向服务器发送一种请求，只是发送机制不同 
1 GET请求会将参数跟在URL后进行传递，而POST请求则是作为HTTP消息的实体内容发送给WEB服务器。 
2.首先是”GET方式提交的数据最多只能是1024字节”，Post传输的数据量大，可以达到2M。 
3.get方式请求数据会被浏览器缓存起来，因此其他人就可以从浏览器的历史记录中读取到这些数据，例如账号密码等。在某种情况下，get方式会带来严重的安全问题。

而post方式相对来说就可以避免这些问题。 
4.Post请求必须设置Content-Type值为application/x-form-www-urlencoded； 
5.发送请求时,因为Get请求的参数都在url里,所以send函数发送的参数为null,而Post请求在使用send方法时,却需赋予其参数；

在服务器端的区别:

在客户端使用get请求时,服务器端使用Request.QueryString来获取参数,而客户端使用post请求时,服务器端使用Request.Form来获取参数. 
HTTP标准包含这两种方法是为了达到不同的目的。POST用于创建资源，资源的内容会被编入HTTP请示的内容中。例如，处理订货表单、在数据库中加入新数据行等。

当请求无副作用时（如进行搜索），便可使用GET方法；当请求有副作用时（如添加数据行），则用POST方法。一个比较实际的问题是：GET方法可能会产生很长的URL，

或许会超过某些浏览器与服务器对URL长度的限制。

若符合下列任一情况，则用POST方法：

• 请求的结果有持续性的副作用，例如，数据库内添加新的数据行。
• 若使用GET方法，则表单上收集的数据可能让URL过长。
• 要传送的数据不是采用7位的ASCII编码。

若符合下列任一情况，则用GET方法：

• 请求是为了查找资源，HTML表单数据仅用来帮助搜索。
• 请求结果无持续性的副作用。
• 收集的数据及HTML表单内的输入字段名称的总长不超过1024个字符。

ajax的几种使用

原文：https://www.cnblogs.com/liuqijia/p/11437888.html