1. No Refresh Message
<script type= "Text/javascript" >
function Getidobj (ID) {return document.getElementById (ID);}
Window.onload = function () {
document.getElementById (' Btnsumbit '). onclick = function () {
var _id = document.getElementById (' txtID '). Value;
var _class = document.getElementById (' Txtclass '). Value;
var str = ' id= ' + _id + ' &classname= ' + _class;
var xhr = null;
if (typeof XMLHttpRequest! = ' undefined ') {
XHR = new XMLHttpRequest ();
} else {
XHR = new ActiveXObject ("Microsoft.XMLHTTP");
}
Xhr.onreadystatechange = function () {
if (xhr.readystate = = 4 && xhr.status = = 200) {
var res = Xhr.responsetext;
var Msgobj=document.getelementbyid (' MsgId ');
if (res = = 1)
{
msgobj.innerhtml = "submitted successfully!" ";
MsgObj.style.color = "green";
var tboduobj = document.getElementById (' Tdid '). getElementsByTagName (' tbody ') [0];
var trobj = Tboduobj.insertrow (-1);
Trobj.insertcell ( -1). InnerHTML = 1;
Trobj.insertcell ( -1). InnerHTML = _class;
Trobj.insertcell ( -1). InnerHTML = _id;
}
}
};
Xhr.open (' Post ', ' addclass.ashx ', true);
Xhr.setrequestheader (' Content-type ', ' application/x-www-form-urlencoded ');
Xhr.send (str);
};
};
</script>
2.JsHelper
var jshelper = {
Getxhr:function () {
var xhr = null;
if (typeof XMLHttpRequest! = ' undefined ') {
XHR = new XMLHttpRequest ();
} else {
XHR = new ActiveXObject (' microsoft.xmlhttp ');
}
return XHR;
},
Doajax:function (method, URL, data, Isayn, callback) {
Method=method.tolowercase ();
var xhr = this.getxhr ();
Xhr.open (method,url+ (method== "get"? '? ') +data: "), Isayn);
if (method = = ' Get ') {
Xhr.setrequestheader (' If-modified-since ', 0);
} else {
Xhr.setrequestheader (' Content-type ', ' application/x-www-form-urlencoded ');
}
Xhr.onreadystatechange = function () {
Callback (XHR);
};
Xhr.send (Method! = "Get"? data:null);
}
};
Ajaxhelper No Refresh Message