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);
}
});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']ajax call
$.ajax({
url: "Url",
dataType: "json",
type: "Post",
async: true,
data: {"Key":value,"Key2":value2},
success: function (data) {
},
error: function (xhr, exception, thrownError) {
var msg = "";
if (xhr.status === 0) {
msg = "Not connect.\n Verify Network.";
} else if (xhr.status == 404) {
msg = "Requested page not found. [404]";
} else if (xhr.status == 500) {
msg = "Internal Server Error [500].";
} else if (exception === "parsererror") {
msg = "Requested JSON parse failed.";
} else if (exception === "timeout") {
msg = "Time out error.";
} else if (exception === "abort") {
msg = "Ajax request aborted.";
} else {
msg = "Error:" + xhr.status + " " + xhr.responseText;
}
if (callbackError) {
callbackError(msg);
}
}
});how to make ajax request javascript
//Change the text of a <div> element using an AJAX //request:
//using JQuery
$("button").click(function(){
$.ajax({url: "demo_test.txt", success: function(result){
$("#div1").html(result);
}});
});
//To send a request to a server, we use the open() //and send() methods of the XMLHttpRequest object:
// Javascript
xhttp.open("GET", "ajax_info.txt", true);
xhttp.send();
//example below
<html>
<body>
<h1>The XMLHttpRequest Object</h1>
<button type="button" onclick="loadDoc()">Request data</button>
<p id="demo"></p>
<script>
function loadDoc() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("demo").innerHTML = this.responseText;
}
};
xhttp.open("GET", "demo_get.asp", true);
xhttp.send();
}
</script>
</body>
</html>ajax open a request
<script>
function loadDoc() {
var xhttp = new XMLHttpRequest();
//looking for a change or state , like a request or get.
xhttp.onreadystatechange = function() {
//if equal to 4 means that its ready.
// if equal to 200 indicates that the request has succeeded.
if (this.readyState == 4 && this.status == 200) {
document.getElementById("demo").innerHTML = this.responseText;
}
};
//GET method for gettin the data // the file you are requesting
xhttp.open("GET", "TheFileYouWant.html", true);
//sending the request
xhttp.send();
}jquery ajax request
// Using the core $.ajax() method
$.ajax({
// The URL for the request
url: "post.php",
// The data to send (will be converted to a query string)
data: {
id: 123
},
// Whether this is a POST or GET request
type: "GET",
// The type of data we expect back
dataType : "json",
})
// Code to run if the request succeeds (is done);
// The response is passed to the function
.done(function( json ) {
$( "<h1>" ).text( json.title ).appendTo( "body" );
$( "<div class=\"content\">").html( json.html ).appendTo( "body" );
})
// Code to run if the request fails; the raw request and
// status codes are passed to the function
.fail(function( xhr, status, errorThrown ) {
alert( "Sorry, there was a problem!" );
console.log( "Error: " + errorThrown );
console.log( "Status: " + status );
console.dir( xhr );
})
// Code to run regardless of success or failure;
.always(function( xhr, status ) {
alert( "The request is complete!" );
});Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us
