Chinaunix首页 | 论坛 | 博客

CrowTLFcrowtlf.blog.chinaunix.net

首页　| 　博文目录　| 　关于我

crowtlf

  • 博客访问： 245428
  • 博文数量： 108
  • 博客积分： 3045
  • 博客等级： 中校
  • 技术积分： 1162
  • 用 户 组： 普通用户
  • 注册时间： 2007-04-19 18:26
文章分类

全部博文（108）

推荐博文
Ajax的属性和方法

分类： JavaScript

2013-12-03 09:45:50


点击(此处)折叠或打开



点击(此处)折叠或打开

  1. <?xml version="1.0">
  2. <users>
  3.     <user>
  4.         <name>zhangsan</name>
  5.         <age>100</age>
  6.     </user>
  7.     <user>
  8.         <name>zhangsan</name>
  9.         <age>100</age>
  10.     </user>
  11.     <user>
  12.         <name>zhangsan</name>
  13.         <age>100</age>
  14.     </user>
  15.     <user>
  16.         <name>zhangsan</name>
  17.         <age>100</age>
  18.     </user>
  19.     <user>
  20.         <name>zhangsan</name>
  21.         <age>100</age>
  22.     </user>

  24. </users>


点击(此处)折叠或打开

  1. //响应XML
  2. <script>
  3.     function createAjax(){
  4.         var request=false;

  6.         //window对象中有XMLHttpRequest存在就是非IE,包括(ie7,8)
  7.         if(window.XMLHttpRequest){
  8.             request=new XMLHttpRequest();

  10.             if(request.overrideMineType){
  11.                 request.overrideMineType("text/xml");
  12.             }
  13.         //windows对象中有ActiveXobject属性存在就是IE
  14.         }else if(window.ActiveXObject){
  15.         var versions=['Microsoft.XMLHTTP','MSXML.XMLHTTP','Msxml2.XMLHTTP.7.0','Msxml2.XMLHTTP.6.0','Msxml2.XMLHTTP.5.0','Msxml2.XMLHTTP.4.0','MSXML2.XMLHTTP.3.0','MSXML2.XMLHTTP'];
  16.         for (var i=0;i<versions.length;i++)
  17.         try{
  18.             request=new ActiveXObject();
  19.             if(request){
  20.                 return request;
  21.             }
  22.             }catch(e){
  23.             request=false;
  24.     }
  25.                 }
  26.         return request;
  27.     }
  28.     //注意:要每次请求都要使用户一个新的XMLHttpRequest
  29.     /*
  30.     如果使用户GET将数据传给服务器,则服务器就使用户$_GET
  31.     就直接通过URL将数据传给服务器.
  32.     */
  33.     var ajax=null;

  35.     function show(){
  36.         var helloobj=document.getElementById("hello");
  37.         ajax=createAjax();
  38.         //alert(ajax);
  39.         ajax.onreadystatechange=function(){
  40.             //alert("####"+ajax.readyState);
  41.             if(ajax.readyState==4){
  42.                 if(ajax.status==200){
  43.                     var dom=ajax.responseXML;
  44.                     //alert(data);
  45.                     var users=dom.getElementsByTagName("user");

  47.                     alert(users.length);
  48.                 }else{
  49.                 alert("页面请求失败!")
  50.             }
  51.                 //alert("#####");
  52.             }
  53.         }

  55.         ajax.open("post","users.xml",true);
  56.         ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
  57.         //ajax.send("var=value&var2=value2&...")
  58.         ajax.send("username=lisi@email=111111111111");
  59.     }
  60. </script>

  62. <input type="button" onclick=show() value="request" />
  63. <div style="width:500px;height:200px;background:yellow;" id="hello">
  64. </div>


点击(此处)折叠或打开

  1. <?php
  2. header("Content-type:text/html;charset=utf-8");

  4. $arr=array("one"=>111111,"two"=>22222222222,"three"=>33333333333);

  6. echo json_encode($arr);

  8. ?>


点击(此处)折叠或打开

  1. <script>
  2.     function createAjax(){
  3.         var request=false;

  5.         //window对象中有XMLHttpRequest存在就是非IE,包括(ie7,8)
  6.         if(window.XMLHttpRequest){
  7.             request=new XMLHttpRequest();

  9.             if(request.overrideMineType){
  10.                 request.overrideMineType("text/xml");
  11.             }
  12.         //windows对象中有ActiveXobject属性存在就是IE
  13.         }else if(window.ActiveXObject){
  14.         var versions=['Microsoft.XMLHTTP','MSXML.XMLHTTP','Msxml2.XMLHTTP.7.0','Msxml2.XMLHTTP.6.0','Msxml2.XMLHTTP.5.0','Msxml2.XMLHTTP.4.0','MSXML2.XMLHTTP.3.0','MSXML2.XMLHTTP'];
  15.         for (var i=0;i<versions.length;i++)
  16.         try{
  17.             request=new ActiveXObject();
  18.             if(request){
  19.                 return request;
  20.             }
  21.             }catch(e){
  22.             request=false;
  23.     }
  24.                 }
  25.         return request;
  26.     }
  27.     //注意:要每次请求都要使用户一个新的XMLHttpRequest
  28.     /*
  29.     如果使用户GET将数据传给服务器,则服务器就使用户$_GET
  30.     就直接通过URL将数据传给服务器.
  31.     */
  32.     var ajax=null;

  34.     function show(){
  35.         var helloobj=document.getElementById("hello");
  36.         ajax=createAjax();
  37.         //alert(ajax);
  38.         ajax.onreadystatechange=function(){
  39.             //alert("####"+ajax.readyState);
  40.             if(ajax.readyState==4){
  41.                 if(ajax.status==200){
  42.                     var data=ajax.responseText;
  43.                     alert(data);
  44.                     helloobj.innerHTML=data;

  46.                     eval("var obj="+data)
  47.                     alert(obj.one);
  48.                     alert(obj.two);
  49.                     alert(obj.three);
  50.                 }else{
  51.                 alert("页面请求失败!")
  52.             }
  53.                 //alert("#####");
  54.             }
  55.         }

  57.         ajax.open("post","server.php",true);
  58.         ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
  59.         //ajax.send("var=value&var2=value2&...")
  60.         ajax.send("username=lisi@email=111111111111");
  61.     }
  62. </script>

  64. <input type="button" onclick=show() value="request" />
  65. <div style="width:500px;height:200px;background:yellow;" id="hello">
  66. </div>


点击(此处)折叠或打开

  1. //server.php
  2. <?php
    header("content-type:text/html;charset=utf-8");
  3. $str="{$_POST["username"]}-------{$_POST["email"]}--------\n";

  5. echo "####".$str."####";
  6. ?>
  7. <h1>wwwwwwwwwwww</h1>


点击(此处)折叠或打开

  1. //请求与相应数据
  2. <script>
  3.     function createAjax(){
  4.         var request=false;

  6.         //window对象中有XMLHttpRequest存在就是非IE,包括(ie7,8)
  7.         if(window.XMLHttpRequest){
  8.             request=new XMLHttpRequest();

  10.             if(request.overrideMineType){
  11.                 request.overrideMineType("text/xml");
  12.             }
  13.         //windows对象中有ActiveXobject属性存在就是IE
  14.         }else if(window.ActiveXObject){
  15.         var versions=['Microsoft.XMLHTTP','MSXML.XMLHTTP','Msxml2.XMLHTTP.7.0','Msxml2.XMLHTTP.6.0','Msxml2.XMLHTTP.5.0','Msxml2.XMLHTTP.4.0','MSXML2.XMLHTTP.3.0','MSXML2.XMLHTTP'];
  16.         for (var i=0;i<versions.length;i++)
  17.         try{
  18.             request=new ActiveXObject();
  19.             if(request){
  20.                 return request;
  21.             }
  22.             }catch(e){
  23.             request=false;
  24.     }
  25.                 }
  26.         return request;
  27.     }
  28.     //注意:要每次请求都要使用户一个新的XMLHttpRequest
  29.     /*
  30.     如果使用户GET将数据传给服务器,则服务器就使用户$_GET
  31.     就直接通过URL将数据传给服务器.
  32.     */
  33.     var ajax=null;

  35.     function show(){
  36.         var helloobj=document.getElementById("hello");
  37.         ajax=createAjax();
  38.         //alert(ajax);
  39.         ajax.onreadystatechange=function(){
  40.             //alert("####"+ajax.readyState);
  41.             if(ajax.readyState==4){
  42.                 if(ajax.status==200){
  43.                     var data=ajax.responseText;
  44.                     alert(data);
  45.                     helloobj.innerHTML=data;
  46.                 }else{
  47.                 alert("页面请求失败!")
  48.             }
  49.                 //alert("#####");
  50.             }
  51.         }

  53.         ajax.open("post","server.php",true);
  54.         ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
  55.         //ajax.send("var=value&var2=value2&...")
  56.         ajax.send("username=lisi@email=111111111111");
  57.     }
  58. </script>

  60. <input type="button" onclick=show() value="request" />
  61. <div style="width:500px;height:200px;background:yellow;" id="hello">
  62. </div>


点击(此处)折叠或打开

  1. //server.php
  2. <?php
  3. $str="{$_POST["username"]}-------{$_POST["email"]}--------\n";

  5. $file=fopen("save.txt","a");
  6. fwrite($file,$str);
  7. fclose()


点击(此处)折叠或打开

  1. //POST方式传数据
  2. <script>
  3.     function createAjax(){
  4.         var request=false;

  6.         //window对象中有XMLHttpRequest存在就是非IE,包括(ie7,8)
  7.         if(window.XMLHttpRequest){
  8.             request=new XMLHttpRequest();

  10.             if(request.overrideMineType){
  11.                 request.overrideMineType("text/xml");
  12.             }
  13.         //windows对象中有ActiveXobject属性存在就是IE
  14.         }else if(window.ActiveXObject){
  15.         var versions=['Microsoft.XMLHTTP','MSXML.XMLHTTP','Msxml2.XMLHTTP.7.0','Msxml2.XMLHTTP.6.0','Msxml2.XMLHTTP.5.0','Msxml2.XMLHTTP.4.0','MSXML2.XMLHTTP.3.0','MSXML2.XMLHTTP'];
  16.         for (var i=0;i<versions.length;i++)
  17.         try{
  18.             request=new ActiveXObject();
  19.             if(request){
  20.                 return request;
  21.             }
  22.             }catch(e){
  23.             request=false;
  24.     }
  25.                 }
  26.         return request;
  27.     }
  28.     //注意:要每次请求都要使用户一个新的XMLHttpRequest
  29.     /*
  30.     如果使用户GET将数据传给服务器,则服务器就使用户$_GET
  31.     就直接通过URL将数据传给服务器.
  32.     */
  33.     var ajax=null;

  35.     function show(){
  36.         ajax=createAjax();
  37.         //alert(ajax);
  38.         
  39.         ajax.open("post","server.php",true);
  40.         ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
  41.         //ajax.send("var=value&var2=value2&...")
  42.         ajax.send("username=lisi@email=111111111111");
  43.     }
  44. </script>

  46. <input type="button" onclick=show() value="request" />
  47. <form action="server.php method="post" enctype="


点击(此处)折叠或打开

  1. //server.php
  2. <?php
  3. $str="{$_GET["username"]}-------{$_GET["email"]}--------\n";

  5. $file=fopen("save.txt","a");
  6. fwrite($file,$str);
  7. fclose();


点击(此处)折叠或打开

  1. //使用GET方法
  2. <script>
  3.     function createAjax(){
  4.         var request=false;

  6.         //window对象中有XMLHttpRequest存在就是非IE,包括(ie7,8)
  7.         if(window.XMLHttpRequest){
  8.             request=new XMLHttpRequest();

  10.             if(request.overrideMineType){
  11.                 request.overrideMineType("text/xml");
  12.             }
  13.         //windows对象中有ActiveXobject属性存在就是IE
  14.         }else if(window.ActiveXObject){
  15.         var versions=['Microsoft.XMLHTTP','MSXML.XMLHTTP','Msxml2.XMLHTTP.7.0','Msxml2.XMLHTTP.6.0','Msxml2.XMLHTTP.5.0','Msxml2.XMLHTTP.4.0','MSXML2.XMLHTTP.3.0','MSXML2.XMLHTTP'];
  16.         for (var i=0;i<versions.length;i++)
  17.         try{
  18.             request=new ActiveXObject();
  19.             if(request){
  20.                 return request;
  21.             }
  22.             }catch(e){
  23.             request=false;
  24.     }
  25.                 }
  26.         return request;
  27.     }
  28.     //注意:要每次请求都要使用户一个新的XMLHttpRequest
  29.     /*
  30.     如果使用户GET将数据传给服务器,则服务器就使用户$_GET
  31.     就直接通过URL将数据传给服务器.
  32.     */
  33.     var ajax=null;

  35.     function show(){
  36.         ajax=createAjax();
  37.         //alert(ajax);
  38.         ajax.open("get","server.php?username=zhangsan&email=zs@csdn.net&"+Math.random(),true);
  39.         ajax.send(null);
  40.     }
  41. </script>

  43. <input type="button" onclick=show() value="request" />

阅读(5661) | 评论(0) | 转发(0) |
1

上一篇：ajax_创建

下一篇：数据表设计

给主人留下些什么吧！~~
关于我们 | 关于IT168 | 联系方式 | 广告合作 | 法律声明 | 免费注册

Copyright 2001-2010 ChinaUnix.net All Rights Reserved 北京皓辰网域网络信息技术有限公司. 版权所有

感谢所有关心和支持过ChinaUnix的朋友们

16024965号-6