原生AJAX
来源:互联网 发布:mac 删除office 编辑:程序博客网 时间:2024/05/18 19:45
var xhr //得到ajax对象 function getXMLHttpRequest() { if (window.getXMLHttpRequest) { return new XMLHttpRequest(); } } //绑定事件触发的函数 function validate(nameNode) { xhr = getXMLHttpRequest(); var name = nameNode.value; xhr.open("post","adminSer?name="+name,true); xhr.onreadystatechange=resultData; xhr.send(""); } //回调函数 function resultData(){ var span = document.getElementById("validate"); if (xhr.readyState==4) { if(xhr.status==200){ if(xhr.responseText=="1"){ span.style.color="green"; span.innerHTML="用戶名正確"; }else if(xhr.responseText=="2"){ span.style.color="red"; span.innerHTML="用戶名錯誤"; } } } }//另一种简化方式function choseDistrict(obj) { //1.创建ajax引擎对象 var xmlhttp = new XMLHttpRequest(); //2.绑定监听 xmlhttp.onreadystatechange=function(){ //5.接收响应数据 if(xmlhttp.readyState==4&&xmlhttp.status==200){ var json = JSON.parse(xmlhttp.responseText); var $str = $("#street"); $str.length=1; for(var i=0;i<json.length;i++){ $str.append("<option value="+json[i].id+">"+json[i].name+"</option>"); } } } //3.绑定地址 xmlhttp.open("get","${pageContext.request.contextPath}/streetSer?tag=ajax&&dis="+obj.value,true); //4.发送请求 xmlhttp.send();}
阅读全文
0 0
- 原生ajax
- 原生Ajax
- 原生Ajax
- 原生Ajax
- Ajax原生
- 原生ajax
- 原生ajax
- 原生ajax
- ajax原生
- 原生AJAX
- 原生AJAX
- jQuery Ajax&原生Ajax,XMLHttpRequest
- 原生ajax二级联动
- 原生ajax框架
- 原生AJAX入门讲解
- 原生JavaScript封装Ajax
- 原生的ajax
- 原生AJAX写法
- EditText设置只能输入整数金额
- Orcal数据库中ORA-01861: 文字与格式字符串不匹配
- html5不能播放视频的方法
- 聊聊分布式事务,再说说解决方案
- Sangmado 公共基础类库
- 原生AJAX
- UVA1628 送匹萨 [有关未来费用的区间dp (伪)升级版]
- windows上php7环境搭建
- 行走方案问题(动态规划实现)
- Js和Jquery动态添加删除类
- Hexo自定义页面的方法
- css笔记——文本样式
- android版本
- android 7.0调用相机闪退问题