jQuery AJAX

Send AJAX requests with this jQuery script.

by Sivasakthi Chandrasekaran

HTML

<script src="http://fonts.googlepis.com/css?famaily=Open+Sans:400,700"></script>
<body>
<button type="button" onclick="loadXMLDoc()">Change Content</button>
</body>

JavaScript

function loadXMLDoc() {
var http = new XMLHttpRequest();
	  	if (window.XMLHttpRequest){http = new XMLHttpRequest();}//code for modern browsers} 
	 	else{http = new ActiveXObject("Microsoft.XMLHTTP");}
var url = "https://nfrel.relevantmobile.com/api/v1/push_services/submit?";
var params = "[email protected]&chain_id=70&service_type=1&select_type=manual_enter&user_ids=350427&point=11&year=2016&month=11&day=29&hour=01&minute=01&time_zone_default=EST";
http.open("POST", url, true);

//Send the proper header information along with the request
	  http.onprogress = update_progress;
		http.addEventListener("load", transfer_complete, false);
		http.addEventListener("error", transfer_failed, false);
		http.addEventListener("abort", transfer_canceled, false);
    http.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

http.setRequestHeader("Authorization", "Basic YWRtaW46cmVsMTIzNDU=");
http.onreadystatechange = function() {//Call a function when the state changes.
    if(http.readyState == 4 && http.status == 200) {
        alert(http.responseText);
    }
}
http.send(params);
  }


function transfer_complete(e){console.log("The transfer is complete.");}
function transfer_failed(e){console.log("An error occurred while transferring the file.");}
function transfer_canceled(e){console.log("The transfer has been canceled by the user.");}  
function update_progress(e)
{
  if (e.lengthComputable)
  {
    var percentage = Math.round((e.loaded/e.total)*100);
    console.log("percent " + percentage + '%' );
  }
  else 
  {
this.showProgressIndicator = function() {
  $.blockUI && this.blockUIwithDrag();
};
  }
}