博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
AjaxHelper 无刷新留言
阅读量:7222 次
发布时间:2019-06-29

本文共 1798 字,大约阅读时间需要 5 分钟。

1 .无刷新留言
<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 = "提交成功!";
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);
}
};

 

转载于:https://www.cnblogs.com/qfkobe24/p/4272117.html

你可能感兴趣的文章
SQL中ON和WHERE的区别
查看>>
art.template 循环里面分组。
查看>>
[Algorithms] Solve Complex Problems in JavaScript with Dynamic Programming
查看>>
MetaModelEngine:约束和验证
查看>>
垂直居中层 js操作css
查看>>
c_str 以及atoi
查看>>
Wrox红皮书上市十周年 惊喜馈赠读者
查看>>
ASP.NET运行时错误
查看>>
acdream 1014 Dice Dice Dice(组合)
查看>>
(DT系列六)devicetree中数据和 struct device有什么关系
查看>>
javascript异步编程系列【七】----扫盲,我们为什么要用Jscex
查看>>
.N“.NET研究”ET中的异步编程(二)- 传统的异步编程
查看>>
C#汉字转拼音代码分享|建议收藏
查看>>
WindowsServer2003+IIS6+ASP+NET+PHP+MSSQL+MYSQL配置说明 |备份于waw.cnblogs.com
查看>>
opengl 链接
查看>>
MVC 数据验证
查看>>
MVC中几种常用ActionResult
查看>>
.NET中使用OracleHelper
查看>>
[BuildRelease]安装文件的种类
查看>>
周鸿祎向雷军开炮:山寨成不了乔布斯
查看>>