Ajax和$.ajax使用实例详解(推荐)
来源:
中文源码网 浏览:134 次 日期:2024-05-17 14:32:55
【下载文档: Ajax和$.ajax使用实例详解(推荐).txt 】
Ajax和$.ajax使用实例详解(推荐)
实例一(Ajax请求基本创建格式):
Ajax练习(GET,不考虑浏览器兼容性)AjaxDemo实例实例二(见附件)
考虑浏览器兼容性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使用实例详解,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!