1$.ajax({
2 url:'your url',
3 type: 'POST', // http method
4 data: { myData: 'This is my data.' }, // data to submit
5 success: function (data, status, xhr) { // after success your get data
6 $('p').append('status: ' + status + ', data: ' + data);
7 },
8 error: function (jqXhr, textStatus, errorMessage) { // if any error come then
9 $('p').append('Error' + errorMessage);
10 }
11});
1 $.ajax({
2 url : 'more_com.php', //PHP file to execute
3 type : 'GET', //method used POST or GET
4 data : {variable1 : "some data"}, // Parameters passed to the PHP file
5 success : function(result){ // Has to be there !
6
7 },
8
9 error : function(result, statut, error){ // Handle errors
10
11 }
12
13 });
14
15// NOTE : Parameters will be available either through $_GET or $_POST according
16// to the method you choosed to use.
17// Here you will get your variable "variable1" this way : $_GET['variable1']
1 $.ajax({
2 url: "Url",
3 dataType: "json",
4 type: "Post",
5 async: true,
6 data: {"Key":value,"Key2":value2},
7 success: function (data) {
8
9 },
10 error: function (xhr, exception, thrownError) {
11 var msg = "";
12 if (xhr.status === 0) {
13 msg = "Not connect.\n Verify Network.";
14 } else if (xhr.status == 404) {
15 msg = "Requested page not found. [404]";
16 } else if (xhr.status == 500) {
17 msg = "Internal Server Error [500].";
18 } else if (exception === "parsererror") {
19 msg = "Requested JSON parse failed.";
20 } else if (exception === "timeout") {
21 msg = "Time out error.";
22 } else if (exception === "abort") {
23 msg = "Ajax request aborted.";
24 } else {
25 msg = "Error:" + xhr.status + " " + xhr.responseText;
26 }
27 if (callbackError) {
28 callbackError(msg);
29 }
30
31 }
32 });
1//Change the text of a <div> element using an AJAX //request:
2//using JQuery
3
4
5$("button").click(function(){
6 $.ajax({url: "demo_test.txt", success: function(result){
7 $("#div1").html(result);
8 }});
9});
10
11
12
13//To send a request to a server, we use the open() //and send() methods of the XMLHttpRequest object:
14// Javascript
15
16
17xhttp.open("GET", "ajax_info.txt", true);
18xhttp.send();
19
20//example below
21<html>
22<body>
23
24<h1>The XMLHttpRequest Object</h1>
25
26<button type="button" onclick="loadDoc()">Request data</button>
27
28<p id="demo"></p>
29
30
31<script>
32function loadDoc() {
33 var xhttp = new XMLHttpRequest();
34 xhttp.onreadystatechange = function() {
35 if (this.readyState == 4 && this.status == 200) {
36 document.getElementById("demo").innerHTML = this.responseText;
37 }
38 };
39 xhttp.open("GET", "demo_get.asp", true);
40 xhttp.send();
41}
42</script>
43
44</body>
45</html>
1<script>
2function loadDoc() {
3 var xhttp = new XMLHttpRequest();
4
5 //looking for a change or state , like a request or get.
6 xhttp.onreadystatechange = function() {
7
8 //if equal to 4 means that its ready.
9 // if equal to 200 indicates that the request has succeeded.
10 if (this.readyState == 4 && this.status == 200) {
11 document.getElementById("demo").innerHTML = this.responseText;
12 }
13 };
14
15 //GET method for gettin the data // the file you are requesting
16 xhttp.open("GET", "TheFileYouWant.html", true);
17
18 //sending the request
19 xhttp.send();
20}
1// Using the core $.ajax() method
2$.ajax({
3
4 // The URL for the request
5 url: "post.php",
6
7 // The data to send (will be converted to a query string)
8 data: {
9 id: 123
10 },
11
12 // Whether this is a POST or GET request
13 type: "GET",
14
15 // The type of data we expect back
16 dataType : "json",
17})
18 // Code to run if the request succeeds (is done);
19 // The response is passed to the function
20 .done(function( json ) {
21 $( "<h1>" ).text( json.title ).appendTo( "body" );
22 $( "<div class=\"content\">").html( json.html ).appendTo( "body" );
23 })
24 // Code to run if the request fails; the raw request and
25 // status codes are passed to the function
26 .fail(function( xhr, status, errorThrown ) {
27 alert( "Sorry, there was a problem!" );
28 console.log( "Error: " + errorThrown );
29 console.log( "Status: " + status );
30 console.dir( xhr );
31 })
32 // Code to run regardless of success or failure;
33 .always(function( xhr, status ) {
34 alert( "The request is complete!" );
35 });
36