ajax request
$.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);
}
});
4.25
4
//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>
Thank you!
4
0
3.67
9
<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();
}
Thank you!
9
0
3.8
10
AJAX is allowing the Web page to retrieve small amounts of data from the
server without reloading the entire page. It is used for creating
fast and dynamic web pages.
There are several Wait methods I use to handle
AJAX calls. I add these pieces of code to my AJAX
testing code to handle it.
1. Explicit Waits
webdriver driver = new firefoxdriver();
driver.get("http://somedomain/url_that_delays_loading");
webelement mydynamicelement = (new webdriverwait(driver,10))
.until(expectedconditions.presenceofelementlocated(by.id("myd
ynamicelement")));
2. Implicit Waits
I also go for Implicit Waits, where I can decide on a
certain amount of time require WebDriver to poll the DOM for.
In this case your WebDriver will keep looking for an element(s),
if it had been unavailable immediately. The default
time is set as 0, which can be easily adjusted as you may prefer.
In addition, this set wait time lasts as long as your browser is
open, so the time to search for any element on the page will be
the same.
webdriver driver = new firefoxdriver();
driver.manage().timeouts().implicitlywait(10,
timeunit.seconds);
driver.get("http://somedomain/url_that_delays_loading");
webelement mydynamicelement =
driver.findelement(by.id("mydynamicelement"));
Thank you!
10
0
4.5
15
$.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);
}
}
});
Thank you!
15
0
4.5
2
$.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']
Thank you!
2
0
Are there any code examples left?
New code examples in category Javascript