JavaScript Ajax 实现学习
2024-08-26 03:02:22
创建异步对象:
function createXmlHttp(){
var xhobj=false;
try{
xhobj=new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try{
xhobj=new ActiveXObject("Microsoft.XMLHTTP");
}catch(e2){
xhobj=false;
}
}
if(!xhobj&&XMLHttpRequest!='undefined'){
xhobj=new XMLHttpRequest();
}
return xhobj;
}
Get 请求:
window.onload=function(){
document.getElementById("btnClick").onclick=function()
{
//第一步创建异步对象。
var xhr=createXmlHttp();
xhr.open("get","Modify.ashx",true);
xhr.setRequestHeader("If-Modified-Since",0);
xhr.onreadystatechange=function(){
if(xhr.readyState==4&&xhr.status==200){
var res=xhr.responseText;
document.getElementById("divMsg").innerHTML=res;
}
}
//发送请求
xhr.send(null)
};
};
Post 请求:
window.onload=function(){
document.getElementById("btnReg").onclick=function(){
var xhr=createXmlHttp();
//定义一个转的界面
var urlPara="05kjdfgsdjf.ashx"
xhr.open("post",urlPara,true);
xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
//5.0设置回调函数。
xhr.onreadystatechange=function(){
if(xhr.readyState==4&&xhr.status==200)
{
var res=xhr.responseText;
//处理数据 ......
}
}
//6.0发送请求 name=james & pwd=123
xhr.send("name="+document.getElementById("txtName").value+"&pwd="+document.getElementById("txtPwd").value);
}
}
最新文章
- Android中对Log日志文件的分析[转]
- UITableView的scrollToRowAtIndexPath:atScrollPosition:animated的崩溃
- 通过btn获取所在cell
- PureLayout和Masonry比较
- Python:迭代器
- JavaScript Tips
- Java数组实现五子棋功能
- android 语言切换过程分析
- 编程语言的发展趋势by Anders Hejlsberg
- sql练习总结(一)
- mongodb操作记录
- eval函数的坑
- padding-使用必记
- C语言定义的操作mysql数据库的接口
- mysqld_safe启动服务器总结
- P1007 独木桥
- Spark记录-spark-submit学习
- ASP.net 控件实现数据级联
- Git钩子:自定义你的工作流
- 【转】ubuntu 12.04 /sbin/ldconfig.real: /usr/local/lib/*.so.8 不是符号连接 解决办法
热门文章
- 解读DbContext中的三种【EagerLoad,LazyLoad,ExplicitLoading】加载模式
- Consul ACL
- Conditional Expressions
- 原创:各种normalize函数实现的性能和精度大比拼
- 从golang的垃圾回收说起(下篇)
- 二十五、MongoDB 索引 和 explain 的使用
- Winfrom 桌面弹窗拦截 关闭进程简易程序 源代码下载
- “全栈2019”Java第四十七章:继承与方法
- mycat 1.6.6.1安装以及配置docker 安装mysql 5.7.24 双主多从读写分离主主切换
- Oracle数据库count的一些操作