這次帶給大家Ajax與$.ajax的使用方法，使用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;
};相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！
推薦閱讀：
以上是Ajax與$.ajax的使用方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！
