jQuery Review

Get

• jQuery.get( url [, data ] [, success ] [, dataType ] )

equals:

$.ajax({
  url: url,
  data: data,
  success: success,
  dataType: dataType
});

Post

jQuery.post( url [, data ] [, success ] [, dataType ] )

• url

  • Type: String
  • A string containing the URL to which the request is sent.

• data * Type: PlainObject or String * A plain object or string that is sent to the server with the request.
• success * Type: Function( Object data, String textStatus, jqXHR jqXHR ) * A callback function that is executed if the request succeeds. Required if dataType is provided, but can be null in that case.
• dataType * Type: String * The type of data expected from the server. Default: Intelligent Guess (xml, json, script, text, html).

Example

Login

1. construct a form and a submit button

2. set the button handler function

3. in the function:

   $.post(url, $(this).serialize(), function(data) {
       $("#retDiv").html(data);
   });
   

• refer to http://hayageek.com/jquery-ajax-form-submit/:

  //callback handler for form submit
  $("#ajaxform").submit(function(e)
  {
      var postData = $(this).serializeArray();
      var formURL = $(this).attr("action");
      $.ajax(
      {
          url : formURL,
          type: "POST",
          data : postData,
          success:function(data, textStatus, jqXHR)
          {
              //data: return data from server
          },
          error: function(jqXHR, textStatus, errorThrown)
          {
              //if fails
          }
      });
      e.preventDefault(); //STOP default action
      e.unbind(); //unbind. to stop multiple form submit.
  });
  
  $("#ajaxform").submit(); //Submit  the FORM