zoukankan      html  css  js  c++  java
  • 通过实例来理解ajax

    点击一个按钮,然后将信息显示到指定的div内。

     1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
     2 <html>
     3   <head>
     4     <title>FirstTest.html</title>
     5      <script language="javascript">
     6         function onclickAjax(){
     7             var xmlHttp;
     8             //分浏览器创建XMLHttp对象
     9 if(window.XMLHttpRequest){
    10                 xmlHttp=new XMLHttpRequest();
    11             }else if(window.ActiveXObject){
    12                 xmlHttp=new ActiveXObject("Microsoft.XMLHTTP")
    13             }
    14             //设置请求类型
    15             xmlHttp.open("POST","test.do?method=ajaxTest&&msg="+new Date(),true);
    16             //回调函数
    17             xmlHttp.onreadystatechange=function(){
    18                 if(xmlHttp.readyState==4){
    19                     if(xmlHttp.status==200){
    20                         document.getElementById("testid").value=xmlHttp.responseText;
    21                     }else{
    22                         alert("AJAX服务器返回错误!");
    23                     }    
    24                 }
    25             }
    26             //发送请求
    27             xmlHttp.send();
    28         }
    29      </script>
    30   </head>
    31   
    32   <body>
    33     <input type="button" value="测试" onclick="onclickAjax()">
    34     <div id="testid">
    35     </div>
    36   </body>
    37 </html>
    View Code

     具体参考http://www.cnblogs.com/lsnproj/archive/2012/02/07/2340395.html

    http://www.cnblogs.com/lsnproj/archive/2012/02/09/2341524.html

    http://www.cnblogs.com/aylin/p/5732242.html(包含跨域)

  • 相关阅读:
    java中如何高效的判断数组中是否包含某个元素---
    反射--
    Json----
    Ajax学习(1)
    Jdbc学习---
    java---内部类
    java中的多态
    spring是什么
    quartz的配置文件
    浅谈Job&JobDetail
  • 原文地址:https://www.cnblogs.com/lmsblogs/p/5836096.html
Copyright © 2011-2022 走看看