js方式利用Ajax技术从后台获得数据
来源:互联网 发布:python高级编程视频 编辑:程序博客网 时间:2024/05/22 15:54
不使用Jquery等js类库,使用js方式创建xmlHttpRequest对象,关键是需要判断浏览器是否支持Ajax技术,然后向服务器提交请求,处理服务器返回的数据。
代码如下:
<script type="text/javascript">
var xmlHttp=getAjaxHttp();
window.onload = function () {
xmlHttp.open( "GET", "MyLianqinAction?userid=20150001", true );
xmlHttp.onreadystatechange = updateList;
xmlHttp.send( null );
};
//Ajax回调函数
function updateList(){
if( xmlHttp.readyState == 4 && xmlHttp.status == 200 )
{
var data=xmlHttp.responseText; //获得从服务器返回的数据
//对数据进行处理,显示到页面
document.getElementById("showdata").value=data;
}
}
//创建ajax对象
function getAjaxHttp() {
var xmlHttp;
try {
// Firefox, Opera 8.0+, Safari
xmlHttp = new XMLHttpRequest();
} catch (e) {
// Internet Explorer
try {
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {
alert("您的浏览器不支持AJAX!");
return false;
}
}
}
return xmlHttp;
}
</script>
- js方式利用Ajax技术从后台获得数据
- 前端Js中利用Ajax异步调用后台处理数据
- ajax访问后台,获得数据显示DIV,JS获得单元格位置
- 利用Angular.js从PHP读取后台数据
- 原生js,jquery通过ajax获得后台json数据动态新增页面元素
- 一般方式和ajax方式从后台获取数据加载进网页
- C#后台获得前台JS数据值
- 利用Ajax静态刷新后台数据
- 通过ajax方式从后台查询出数据并填入前台的select中
- html页面的数据利用js或者Ajax传输到后台java、php
- 利用js将ajax获取到的后台数据动态加载至网页中
- 利用数据挖掘技术获得商业智能
- Ajax异步从后台取Json数据
- jquery实现搜索框自动补全功能,类似google搜索引擎,数据是用Ajax从后台获得
- AJAX+SpringMVC 获取后台数据的方式
- js实现手机端可以上拉刷新,动态通过ajax从后台获取数据
- ajax获得后台dt
- 使用ajax与js查询后台数据
- 用sysstat 查看linux性能
- 问题记录:在打包APK的时候遇到的问题
- [ecshop 开发调试] ecshop 2次开发 准备工作
- 存储在HDFS上的文件,存储机制及数据安全性如何保证。
- swift 快速奔跑的兔几 本节的内容是:向场景中添加物理仿真
- js方式利用Ajax技术从后台获得数据
- RAC添加节点遇到的错误
- paramiko
- Mybatis缓存和Redis缓存服务器的案例分析
- git 笔记
- android 强制修改adb pull 文件的路径
- 解决pybrain的No module named 'structure' 问题
- hdu 4690 EBCDIC(水)
- FCFS、SJF、HRN调度算法