原生AJAX记录
来源:互联网 发布:淘宝客点击数少 编辑:程序博客网 时间:2024/06/10 22:00
创建全局变量xhr
var xhr = null;
1.创建HttpXMLRequest对象
function getXMLHttpRequest(){
if(window.XMLHttpRequest){
return new XMLHttpRequest();
}
}
2.创建一个事件触发,这里用失去焦点事件做示范
function userValidata(txtName){
xhr=getXMLHttpRequest();
var userName=txtName.value;
xhr.open("POST","UserServlet?name="+userName,true);
xhr.onreadystatechange=resultData;//设置回调函数
xhr.send("");
}
3.回调函数
function resultData(){
var span = document.getElementById("s");//得到id是s的span标签
if(xhr.readyState==4){//这里表示有回调函数
if(xhr.status==200){//这里表示回调函数是正确的
if(xhr.responseText=="xxx"){//xhr.responseText代表由后台返回来的消息
//操作代码
}else{
//操作代码
}
}
}
}
4.后台取得Ajax的数据和返回数据
String name = request.getParamter("name");//这里得到传过来的name值
response.getWriter.write("xxx");//这是将数据传回到回调函数中
阅读全文
0 0
- 原生AJAX记录
- 原生ajax
- 原生Ajax
- 原生Ajax
- 原生Ajax
- Ajax原生
- 原生ajax
- 原生ajax
- 原生ajax
- ajax原生
- 原生AJAX
- 原生AJAX
- jQuery Ajax&原生Ajax,XMLHttpRequest
- 原生ajax二级联动
- 原生ajax框架
- 原生AJAX入门讲解
- 原生JavaScript封装Ajax
- 原生的ajax
- 开发工程师常用Linux命令
- maven依赖——RSA
- LuoguP2814 家谱 解题报告【并查集+map】
- Maven 手动安装本地jar包到本地仓库
- 分析解决Android ANR
- 原生AJAX记录
- [状压DP]TCO 2016 Fianl Div 1 Easy MealPlan
- 【BigHereo 37】---L10---C++真题之 代码填空
- IMX6+MAX9286高清环视
- mesos、marathon、chronos使用
- 本月腾讯,阿里,美团等技术团队的精品文章推送
- MySQL 5.6 for Windows 解压缩版配置安装
- 实时分析百度统计的数据?互联网人定要看!
- BZOJ 1673 浅谈深度优先式搜索及斐波拉契启发式AstaR剪枝