Example 1: ajax exmaple\
$.ajax({
url:'your url',
type: 'POST', // http method
data: { myData: 'This is my data.' }, // data to submit
success: function (data, status, xhr) { // after success your get data
$('p').append('status: ' + status + ', data: ' + data);
},
error: function (jqXhr, textStatus, errorMessage) { // if any error come then
$('p').append('Error' + errorMessage);
}
});
Example 2: ajax request
$.ajax({
url : 'more_com.php', //PHP file to execute
type : 'GET', //method used POST or GET
data : {variable1 : "some data"}, // Parameters passed to the PHP file
success : function(result){ // Has to be there !
},
error : function(result, statut, error){ // Handle errors
}
});
// NOTE : Parameters will be available either through $_GET or $_POST according
// to the method you choosed to use.
// Here you will get your variable "variable1" this way : $_GET['variable1']
Example 3: ajax syntax in javascript
var id = empid;
$.ajax({
type: "POST",
url: "../Webservices/EmployeeService.asmx/GetEmployeeOrders",
data: "{empid: " + empid + "}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(result){
alert(result.d);
console.log(result);
}
});
Example 4: jquery ajax
$.ajax({
url: url,
dataType: "json",
type: "Post",
async: true,
data: { },
success: function (data) {
},
error: function (xhr, exception) {
var msg = "";
if (xhr.status === 0) {
msg = "Not connect.\n Verify Network." + xhr.responseText;
} else if (xhr.status == 404) {
msg = "Requested page not found. [404]" + xhr.responseText;
} else if (xhr.status == 500) {
msg = "Internal Server Error [500]." + xhr.responseText;
} else if (exception === "parsererror") {
msg = "Requested JSON parse failed.";
} else if (exception === "timeout") {
msg = "Time out error." + xhr.responseText;
} else if (exception === "abort") {
msg = "Ajax request aborted.";
} else {
msg = "Error:" + xhr.status + " " + xhr.responseText;
}
}
});
Example 5: jquery ajax
$.ajax({
url : "file.php",
method : "POST",
data: {
//key : value
action : action ,
key_1 : value_key_1,
key_2 : value_key_2
}
})
.fail(function() { return false; })
// Appel OK
.done(function(data) {
console.log(data);
});
Example 6: how to get the status of other urls in ajax
$('#main-menu a').on('click', function(event) {
event.preventDefault();
$.ajax(this.href, {
success: function(data) {
$('#main').html($(data).find('#main *'));
$('#notification-bar').text('The page has been successfully loaded');
},
error: function() {
$('#notification-bar').text('An error occurred');
}
});
});