javasript利用jquery发送请求的各种方法

Jquery发送ajax请求的方法有很多，其中最基本的是$.ajax方法，在其之上封装的方法有 $.get, $post, $.put, $.ajaxForm, $fileUpload等。而在这些上层的方法中，后两个为jquery的插件所提供，如果需要用到的话，还需要引入对象的js库文件。这里我们记录下各方法的使用及ajax方法最原始的调用方式。

$get方法：

$.get(
  'http://www.baidu.com', 
  function(html){
    console.log(html);
  }
);
$.ajax({
  type : "GET",
  url : 'http://www.baidu.com', 
  success : function(html){
        console.log(html);
        }
});

$.post方法：

$.post(
  'http://www.baidu.com/search', 
  {query : "javascript"},
  function(data){
    console.log(data);
  }
);
$.ajax({
  type : "POST",
  url : 'http://www.baidu.com/search', 
  data : {query : "javascript"},
  contentType : "application/x-www-form-urlencoded",
  success : function(data){
        console.log(data);
        }
});

//提交存json数据
$.ajax({
  type : "POST",
  url : 'http://www.baidu.com/search', 
  data : {query : "javascript"},
  contentType : "application/json",
  success : function(data){
        console.log(data);
        }
});

//提交from数据
$.ajax({
  type : "POST",
  url : 'http://www.baidu.com/search', 
  data : $("form").serialize(),    //不带文件的form表单
  success : function(data){
        console.log(data);
        }
});

$.ajaxFrom方法：

$('form').ajaxFrom({
  target : '#result',
  beforeSubmit : function(formData, jqForm, options){
    console.log(options);
  },
  success : function(responseText, statusText){
    console.log(responseText);
  }
});


$.ajax({      
  type: 'POST', 
  url: '/upload',    
  data: new FormData($('from')[0]),    //带文件的form表单
  contentType: false,    
  processData: false,    
  success: function (result) {    
    console.log(result);    
  },    
  error: function (err) {    
    console.log(err);    
  }    
});

$.fileupload方法：

$('#fileupload').fileupload({
  dataType: 'json',
  done: function (e, data) {
    console.log(JSON.stringify(data));
  }
});

var fd = new FormData();
fd.append('file', $('#fileupload')[0].files[0]); 
fd.append('file2', new File([fileBlob], 'filename.txt')); 
$.ajax({      
  type: 'POST', 
  url: '/upload',    
  data: fd,    
  contentType: false,    
  processData: false,    
  success: function (result) {    
    console.log(result);    
  },    
  error: function (err) {    
    console.log(err);    
  }    
});