首页 > web前端 > js教程 > 正文

Ajax与$.ajax的使用方法

php中世界最好的语言
发布: 2018-04-02 15:46:45
原创
1353 人浏览过

这次给大家带来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+mysql做出留言板的功能

ajax实现三级联动最基本的概念

以上是Ajax与$.ajax的使用方法的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!