ajax常用案例,Ajax和$.ajax使用实例详解(推荐)
实例一(Ajax请求基本创建格式):
Ajax练习(GET,不考虑浏览器兼容性)
function doRequest() {
//不考虑浏览器兼容性问题
var xmlHttp = new XMLHttpRequest();
//打开一个与Http服务器的连接
xmlHttp.open("GET", "Default.aspx", true);
//与服务器端交互
xmlHttp.send(null);
//监听服务器端响应状态的改变事件
xmlHttp.onreadystatechange = function () {
//客户端与服务器端交互完成
if (xmlHttp.readyState == 4) {
//服务器端返回Http状态码:200表示请求成功,404未找到,403错误
if (xmlHttp.status == 200) {
//获得服务器端资源
var result = xmlHttp.responseText;
alert(result);
}
}
}
}
AjaxDemo实例
//使用Ajax读取浏览器的工作内容
function readRequest() {
//不考虑浏览器的兼容性问题
var xmlhttp = new XMLHttpRequest();
//打开一个与服务器相关的链接
//发送请求
//请求的方式(获取/发送),请求页面,是否异步
xmlhttp.open("GET", "AjaxDemo.aspx", true);
//发送数据
xmlhttp.send(null);
//接受服务器返回结果
xmlhttp.onreadystatechange = function() {
//请求完成
if (xmlhttp.readyState == 4) {
//链接成功
if (xmlhttp.status == 200) {
//输出浏览器的内容
var result = xmlhttp.responseText;
alert(result);
window.alert("读取浏览器的内容成功!");
}
}
};
};
function btn_Click() {
var http = new ActiveXObject("Microsoft.XMLHTTP");
//或者使用这一句创建 var xmlhttp = new XMLHttpRequest();
if (!http) {
alert("创建xmlhttp对象异常!");
return false;
}
http.open("POST", "AjaxDemo.ashx", false);
http.onreadystatechange = function() {
if (http.readyState == 4) {
//链接成功
if (http.status == 200) {
alert(http.responseText);
document.getElementById("Text1").value = http.responseText;
} else {
window.alert("Ajax服务器返回错误!");
}
}
};
http.send();
};
实例二(见附件)
考虑浏览器兼容性Ajax请求处理,获取后台xml文件内容。
实例三(见附件)
使用$.Ajax获取后台读取xml文件内容信息。
function readXML1() {
//创建XML对象
var xmldom = new ActiveXObject("Microsoft.XMLDOM");
//设置为异步
xmldom.async = "false";
//加载需要读取的XML文档
xmldom.load("XML1.xml");
info = "";
//需要读取的根节点
var node = xmldom.selectNodes("student");
//依次读取其中的内容
info = node[0].childNodes[0].nodeTypedValue + "
" + node[0].childNodes[1].nodeTypedValue+ "
" + node[0].childNodes[2].nodeTypedValue;
document.getElementById("xmlmsg").innerHTML = info;
};
function readXML2() {
//实例化xml对象
var xml = new ActiveXObject("Microsoft.XMLDOM");
//异步设置
xml.async = "false";
//加载需要读取的XML文档
xml.load("XML2.xml");
info = "";
//选择需要读取的对象名称
var fnode = xml.documentElement.selectNodes("people");
//循环输出文档的内容
for (var i = 0; i < fnode.length; i++) {
for (var j = 0; j < fnode[i].childNodes.length; j++) {
info += fnode[i].childNodes[j].text + "
";
}
}
document.getElementById("xmlmsg").innerHTML = info;
};
好了,以上所述是小编给大家介绍的Ajax和$.ajax使用实例详解,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!
ajax常用案例,Ajax和$.ajax使用实例详解(推荐)相关推荐
- mvc jquery ajax分页实例,jQuery Ajax自定义分页组件(jquery.loehpagerv1.0)实例详解,mvcpagerajax分页...
jQuery Ajax自定义分页组件(jquery.loehpagerv1.0)实例详解,mvcpagerajax分页 简单的两个步骤即可实现分页功能 //回调里面进行业务处理 function lo ...
- $.ajax实例详解,Ajax与$.ajax实例详解
这次给大家带来Ajax与$.ajax实例详解,Ajax与$.ajax使用的注意事项有哪些,下面就是实战案例,一起来看一下. 实例一(Ajax请求基本创建格式): Ajax练习(GET,不考虑浏览器兼容 ...
- php 请求拦截,解决拦截器对ajax请求的拦截实例详解
解决拦截器对ajax请求的的拦截 拦截器配置:public boolean preHandle(HttpServletRequest request, HttpServletResponse resp ...
- 小程序怎么处理轮训ajax,微信小程序中使用Promise进行异步流程处理的实例详解...
微信小程序中使用Promise进行异步流程处理的实例详解 我们知道,JavaScript是单进程执行的,同步操作会对程序的执行进行阻塞处理.比如在浏览器页面程序中,如果一段同步的代码需要执行很长时间( ...
- 常用经典SQL语句大全完整版--详解+实例 (存)
常用经典SQL语句大全完整版--详解+实例 转 傻豆儿的博客 http://blog.sina.com.cn/shadou2012 http://blog.sina.com.cn/s/blog_84 ...
- html5走格子游戏,JS/HTML5游戏常用算法之碰撞检测 地图格子算法实例详解
JS/HTML5游戏常用算法之碰撞检测 地图格子算法实例详解 发布时间:2020-09-26 20:42:24 来源:脚本之家 阅读:112 作者:krapnik 本文实例讲述了JS/HTML5游戏常 ...
- 怎样在两个局域网内共享一台打印机 。常用网络命令及命令实例详解
怎样在两个局域网内共享一台打印机 怎样在两个局域网内共享一台打印机 我们公司有两间办公室,原先布线的时候用一个路由器延伸出多个接口预埋在墙里并做上插头,IP地址是自动分配的,网关是192.168.0. ...
- python 自动化办公 案例_python自动化工具之pywinauto实例详解
python自动化工具之pywinauto实例详解 来源:中文源码网 浏览: 次 日期:2019年11月5日 [下载文档: python自动化工具之pywinauto实例详解.txt ] (友情提示: ...
- python编程入门与案例详解课后题答案-Python入门之三角函数sin()函数实例详解
描述 sin()返回的x弧度的正弦值. 语法 以下是sin()方法的语法: importmath math.sin(x) 注意:sin()是不能直接访问的,需要导入math模块,然后通过math静态对 ...
最新文章
- hadoop java client_hadoop3 Java client客户端kerberos认证
- mybatis学习4之使用注解开发实现简单的增删改查
- Python 列表List常见操作和错误总结
- Python 零碎信息-基础 02
- Spring积累总结
- SQL关键字Pivot(行变列)
- 【云栖精选】6篇深度!解除MySQL数据同步疑惑+Docker技术示例
- 【GitCracken】v8.1.1
- 线性表之单链表史上无敌傻瓜教程无敌无敌细节
- 一北大毕业生的返乡报告:家乡面目全非 备感无力
- 测试和开发之间的博弈--没有硝烟的战争
- pkg-config
- 社交红利的诞生与初期创业
- 数据结构——查找最全总结(期末复习必备)
- 联想Lephone与Apple iPAD的完美组合
- Elastic-Job分布式任务调度
- 2020年史上最全移动端Web整理从开发基础到实战(三)
- Java Web项目源代码|CRM客户关系管理系统项目实战(Struts2+Spring+Hibernate)解析+源代码+教程
- GICv3-4零散的寄存器解读(1)
- 湖南大学计算机考试题,湖南大学计算机组成原理期中考试题库