Ajax初学
2021/9/27 23:11:27
本文主要是介绍Ajax初学,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
一.局部刷新
1.创建异步对象:
var xmlHttp =new XMLHttpRequest();
2.绑定事件:
xmlHttp.onreadystatechange =function () { //处理服务端返回的数据,更新当前页面 // alert("readyState属性值: "+xmlHttp.readyState) if (xmlHttp.readyState == 4 && xmlHttp.status ==200){ //alert(xmlHttp.responseText); //更新dom对象 var data =xmlHttp.responseText; document.getElementById("mydata").innerText =data; } }
3.初始请求对象
//获取dom对象的value值 var name =document.getElementById("name").value; var w = document.getElementById("w").value; var h = document.getElementById("h").value; //传参数,拼接字符串 var param="name="+name +"&w="+w+"&h="+h; //alert("param="+param); xmlHttp.open("get","bmiAjax?"+param,true)//get是访问方式,bmiAjax是访问地址
4.发送请求
xmlHttp.send();
**Ajax工作原理 参考:http://www.cnblogs.com/mingmingruyuedlut/archive/2011/10/18/2216553.html
这篇关于Ajax初学的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-09-30我的第一个Go命令行工具
- 2024-09-30初学者指南:轻松掌握模块化编程
- 2024-09-30顶级5款免费的IntelliJ插件,助你Java开发之路更顺畅
- 2024-09-30提高应用程序可用性:冗余和持久性
- 2024-09-30Twitter 系统设计面试示例
- 2024-09-30JSON对象入门教程:轻松掌握基础用法
- 2024-09-30封装入门:Java面向对象编程的第一步
- 2024-09-30后台交互入门:轻松掌握基础知识与实践技巧
- 2024-09-30轻松入门:后台交互教程详解
- 2024-09-30后台交互项目实战:新手指南