Ajax简单程序-访问本地资源

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>Ajax</title>
    
    <script>
        var xmlHttp;                            // 保存XMLHttpRequest对象

        /* 如果明确是哪个内核则指定一个就够了,但是最好加上 */
        function createXMLHttp() {
            
            if (window.XMLHttpRequest) {        // 使用的是Firefox内核
                xmlHttp = new XMLHttpRequest();
            }
            else {                              // IE内核
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
        }
        function showMessage() {                // 调用类
            createXMLHttp();                    // 创建内核

            // 获取回调函数,注意没有()代表加载完成后再调用,加上了就是直接调用
            xmlHttp.onreadystatechange = showMessageCallback;
            
            // 需要访问的资源,注意路径问题,desti.html是和我的ajax程序在同一个目录下
            xmlHttp.open("POST", "desti.html");
            xmlHttp.send(null);                 // 发送请求
            
        }
        function showMessageCallback() {        // 回调函数
            if (xmlHttp.readyState == 4) {      // 状态码4代表发送成功并处理完成
                if (xmlHttp.status == 200) {    // 状态码200说明处理成功
                    
                    // 获取desti.html的内容
                    var info = xmlHttp.responseText;
                    // 使用文档对象设置消息的显示 
					document.getElementById("msg").innerHTML = info;
                }
            }
        }
    </script>
</head>
<body>
    <!-- Ajax提交按钮,onclick为鼠标点击的时候调用showMessage() -->
    <!-- span用与显示ajax获取的内容 -->
    <input type="button" value="getAjax" οnclick="showMessage()">
    <span id="msg"></span>                      
</body>
</html>
    *运行结果:

  

  *注意异域访问问题也就是没有显示请参考:http://blog.csdn.net/sinat_34104446/article/details/79652599

评论 2 您还未登录,请先 登录 后发表或查看评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:书香水墨 设计师:CSDN官方博客 返回首页

打赏作者

TianXinCoord

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值