jQuery AJAX Shorthand Methods(JQuery发送POST、PUT、getJSON的快捷写法)

index.html

<script
  src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

<button id="getBtn">GET()</button>

<button id="postBtn">POST()</button>

<button id="getJSONBtn">GETJSON()</button>

jquery-ajax-shorthand-methods.markdown

jQuery AJAX Shorthand Methods

A Pen by liuxiaomingskm on CodePen.

License.

script.js

$("#getBtn").click(function(){
  $.get("https://api.github.com/users/colt")
  .done(function(data){
    console.log(data);
  })
  .fail(function(){
    console.log("ERROR!");
  })
});

$("#postBtn").click(function(){
 var data = {name: "Charlie", city: "Florence"};
 $.post("www.catsarecoolandsoaredogs.com", data)
  .done(function(data){
   console.log("HI!");
 })
  .fail(function(){
   console.log("ERROR!");
 })
});

$("#getJSONBtn").click(function(){
  $.getJSON("https://api.github.com/users/colt")
  .done(function(data){
    console.log(data);
  })
  .fail(function(err){
    console.log(err);
  })
});

scripts

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>