zoukankan      html  css  js  c++  java
  • Ajax的基本语法

    //声明XMLHttpRequest  

            var xmlHttp = null;
      // 创建XMLHttpRequest对象兼容所有浏览器
            function createXMLHttpRequest() {
                // 已创建XMLHttpRequest对象,直接返回
                if (xmlHttp != null)
                    return;
                // 检测浏览器针对(FireFox、Chrome、Safari、Opera与IE7+)是否支持直接创建XMLHttpRequest
                if (window.XMLHttpRequest) {
                    xmlHttp = new XMLHttpRequest();
                    // 检测否是IE浏览器
                } else if (window.ActiveXObject) {
                    try {
                        // IE6
                        xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
                    } catch (e) {
                        // IE5
                        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
                    }
                }
            }

      //发送请求
            function sendRequest() {
                // 创建异步发送请求对象
                createXMLHttpRequest();
                //非0、非null、true表示真
                if (!xmlHttp) {
                    alert("XMLHttpRequest对象创建失败!!");
                    return;
                }

                //获取文本框的文本信息
                var message = document.getElementById("<%=this.txtName.ClientID %>").value;

                /*GET方式发送请求
                //初始化请求
                xmlHttp.open("GET", "Default.aspx?txtName=" + message, true);
                //设置回调函数
                xmlHttp.onreadystatechange=showMessage;
                xmlHttp.send(null);*/

                //POST方式发送请求 参数一为 请求的方式 参数二 处理程序 参数三 是否异步
                xmlHttp.open("POST", "GetMessage.ashx", true);
                xmlHttp.onreadystatechange = showMessage;/设置回掉函数
                xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");//设置编码
                xmlHttp.send("txtName=" + message);
            }

       //回调函数
            function showMessage() {
                //判断就绪状态和响应状态码是否符合要求
                if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
                    var result = xmlHttp.responseText; //接收服务器响应的文本
                    document.getElementById("showDiv").innerHTML = result;
                }
            }

    -----------------------------------

  • 相关阅读:
    for循环练习-----ATM取款
    面向对象基础项目----图书管理系统(数组)
    Java基础学习(二)-- 二维数组、String、StringBuffer以及类和对象之详解
    Java基础学习(一) -- Java环境搭建、数据类型、分支循环等控制结构、简单一维数组详解
    js 解决由于&#65279(bom文件格式)产生的空白行
    自适应网站设计对百度友好的关键:添加applicable-device标签(转)
    浏览器内核控制标签--meta
    HTML5的元素与结构标签
    <img>标签的补充
    HTML <head> 头部中的各类标签
  • 原文地址:https://www.cnblogs.com/cl1006/p/4105179.html
Copyright © 2011-2022 走看看