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 학습자의 빠른 성장을 도와주세요!