function getXMLHttpRequestObject()
{
var xmlhttp;
/*@cc_on
@if (@_jscript_version >= 5)
try {
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (E) {
xmlhttp = false;
}
}
@else
xmlhttp = false;
@end @*/
if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
try {
xmlhttp = new XMLHttpRequest();
} catch (e) {
xmlhttp = false;
}
}
return xmlhttp;
}
var http = new getXMLHttpRequestObject();
var url = "FetchSomeData.jsp";
var parameters = "name=krishna&age=16";
http.open("GET", url+"?"+parameters, true);
http.onreadystatechange = function() { //Handler function for call back on state change.
if(http.readyState == 4) {
alert(http.responseText);
}
}
http.send(null);
Code language: JavaScript (javascript)var url = "FetchSomeData.jsp";
var parameters = "name=krishna&age=16";
http.open("POST", url, true);
//Send the proper header information along with the request
http.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
http.setRequestHeader("Content-length", parameters .length);
http.setRequestHeader("Connection", "close");
http.onreadystatechange = function() {//Handler function for call back on state change.
if(http.readyState == 4) {
alert(http.responseText);
}
}
http.send(parameters);
Code language: JavaScript (javascript)http.open() method. //GET method
http.open("GET", url+"?"+parameters, true);
//POST method
http.open("POST", url, true);
Code language: JavaScript (javascript)http.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
http.setRequestHeader("Content-length", parameters .length);
http.setRequestHeader("Connection", "close");
Code language: JavaScript (javascript)$.post("GetData.jsp",
{ name: "John", time: "2pm" },
function(data){
alert("Data Loaded: " + data);
}
);
Code language: JavaScript (javascript)Java URL Encoder/Decoder Example - In this tutorial we will see how to URL encode/decode…
Show Multiple Examples in OpenAPI - OpenAPI (aka Swagger) Specifications has become a defecto standard…
Local WordPress using Docker - Running a local WordPress development environment is crucial for testing…
1. JWT Token Overview JSON Web Token (JWT) is an open standard defines a compact…
GraphQL Subscription provides a great way of building real-time API. In this tutorial we will…
1. Overview Spring Boot Webflux DynamoDB Integration tests - In this tutorial we will see…
View Comments
AJAX Post method example using javascript & jQuery
In the above POST method example on Ajax
You are creating –>var parameters = “name=krishna&age=16″; and in the below method you are using params as the variable. So Is it right way to pass as below
http.send(params); or should it be http.send(parameters);
If required Please update the site.
i have seen the AJAX Post method example using JavaScript & j Query so its informative so i like it very much .so can i use the AJAX post method using the c# and .net .so thanks for the nice post.i appreciate to your efforts
And how can I get the passed values from the other pages (for example to "populate" some labels)?
Luis
Hi Luigi, Sorry, I did not understand your question. I think you want to get the values passed from Ajax in other pages?
If this is the case then you can use normal server side script to get the data from request. For example in PHP
$_REQUEST["somefield"]or in JSPrequest.getParameter("somefield");hi, very well explained tuts..thanks...need a favour
can you tell me what is wrong with this code
[code language="js"]
$(document).ready(function(){
$('#regist').submit(function(e) {
$.ajax({
type: "POST",
url: "submit1.php",
data: $('form#regist').serialize(),
dataType: "json",
success: function(){
$("loading").html("here i am");
}
});
return false;
e.preventDefault();
});
});
[/code]
this part does not seem to work....rest all is fine..i can update the DB if all conditions from submit1.php are met..also db does not get updated when conditions fail..(The page does not redirect to submit1.php, which is what i want..)
[code language="js"]
success: function(){
$("loading").html("here i am");
}
[/code]
thanks in advance
return false;
or
e.preventDefault();
both cnnot be used together
sweet code,
idrish, the page wont redirect, to submit1.php, it will fetch that page's content and update it within a div or any tag that you specify.
In your jquery post method,
For the first argument, are you sending data to the jsp page? or are you getting data from the jsp page, may you please tell me, and why do we need json, can we do it without json?
Hi Viral, can you help enlighten me? how can I make your code work on file uploads such uploading image. If I pass the $_FILES[''image] to the parameter, then will it be able to send the file as well?
Hi viral, it was a very nice post...but i want to know after post the data using $.post or req.open("GET" or "POST") ...and doing some process in the "test.php" how can i get the values in the original php program...if i have do perform "onchange" event of dropdown. Please let me asap...my work held up
sir,
a nice code in post method using ajax but i have problem in mozile firefox it haven't coming the alert box in mozile firefox using same code in post method.
why it happen can u explain sir