首页
Web开发
Windows程序
编程语言
数据库
移动开发
系统相关
微信
其他好文
会员
首页
>
Web开发
> 详细
AjaxHelper 无刷新留言
时间:
2015-02-04 14:29:35
阅读:
142
评论:
0
收藏:
0
[点我收藏+]
标签:
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);
}
};
AjaxHelper 无刷新留言
标签:
原文地址:http://www.cnblogs.com/qfkobe24/p/4272117.html
踩
(
0
)
赞
(
0
)
举报
评论
一句话评论(
0
)
登录后才能评论!
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
更多
36.VUE — 认识 Webpack 和 安装
2021-07-28
【PHP】上传图片翻转问题
2021-07-28
php对数字进行万。亿的转化
2021-07-28
五个 .NET 性能小贴士
2021-07-28
Three.js中显示坐标轴、平面、球体、四方体
2021-07-28
.net 5+ 知新:【1】 .Net 5 基本概念和开发环境搭建
2021-07-27
1.html,css
2021-07-27
基于Docker搭建 Php-fpm + Nginx 环境
2021-07-27
nginx + http + svn
2021-07-27
kubernets kube-proxy的代理 iptables和ipvs
2021-07-26
友情链接
兰亭集智
国之画
百度统计
站长统计
阿里云
chrome插件
新版天听网
关于我们
-
联系我们
-
留言反馈
© 2014
mamicode.com
版权所有 联系我们:gaon5@hotmail.com
迷上了代码!
<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);
}
};