jquery snippets

form-snippets.md

• Send form data using ajax requests

$.post( "test.php", $( "#testform" ).serialize() )
  .done(function( data ) {})
  .fail(function(data){
      console.log(data.responseJSON);
      console.log(data.responseText);
      console.log(data.status); // status code, ex: 400
    }); 

• Send json data using ajax requests

$.post( "test.php", JSON.stringify({}) ).done(function( data ) {}); 

• Send json data (convert form data) using ajax requests

var data = {};
$.each($("#form").serializeArray(), function (i, field) {
    data[field.name] = field.value;
});
$.post( "test.php", JSON.stringify(data) ).done(function( data ) {}); 

• If request return empty response but status is 200 (success), use .always() instead of .done(); .fail() because the case will .fail() is called instead of .done() (I don't know why)

jquery-snippets.md

• Add options to select element after get data from server (data is array)

$.get("/projects", {} ).done(function( data ) {
    $.each(data, function(key, value) {
        $('#project')
            .append($("<option></option>")
                .attr("value",value.id)
                .text(value.name));
    });
});