zoukankan      html  css  js  c++  java
  • AjaxHelper 无刷新留言

    1 .无刷新留言
    <script type="text/javascript">
    function getIdObj(id) { return document.getElementById(id); }
    window.onload = function () {
    document.getElementById('btnSumbit').onclick = function () {
    var _Id = document.getElementById('txtId').value;
    var _Class = document.getElementById('txtClass').value;
    var str = 'id=' + _Id + '&className=' + _Class;

    var xhr = null;
    if (typeof XMLHttpRequest != 'undefined') {
    xhr = new XMLHttpRequest();
    } else {
    xhr = new ActiveXObject("Microsoft.XMLHttp");
    }
    xhr.onreadystatechange = function () {
    if (xhr.readyState == 4 && xhr.status == 200) {
    var res = xhr.responseText;
    var msgObj=document.getElementById('msgId');
    if (res == 1)
    {
    msgObj.innerHTML = "提交成功!";
    msgObj.style.color = "green";
    var tboduObj = document.getElementById('tdid').getElementsByTagName('tbody')[0];
    var trObj = tboduObj.insertRow(-1);
    trObj.insertCell(-1).innerHTML = 1;
    trObj.insertCell(-1).innerHTML = _Class;
    trObj.insertCell(-1).innerHTML = _Id;

    }
    }
    };
    xhr.open('post', 'AddClass.ashx', true);
    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    xhr.send(str);
    };
    };
    </script>
    2.JsHelper
    var JsHelper = {
    getXHR: function () {
    var xhr = null;
    if (typeof XMLHttpRequest != 'undefined') {
    xhr = new XMLHttpRequest();
    } else {
    xhr = new ActiveXObject('Microsoft.XMLHttp');
    }
    return xhr;
    },
    doAjax: function (method, url, data, isAyn, callback) {
    method=method.toLowerCase();
    var xhr = this.getXHR();
    xhr.open(method,url+(method=="get"?'?'+data:''), isAyn);
    if (method == 'get') {
    xhr.setRequestHeader('If-Modified-Since', 0);
    } else {
    xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    }
    xhr.onreadystatechange = function () {
    callback(xhr);
    };
    xhr.send(method != "get" ? data : null);
    }
    };
  • 相关阅读:
    百度地图之自动提示--autoComplete
    h5之scrollIntoView控制页面元素滚动
    angular之interceptors拦截器
    angular之$broadcast、$emit、$on传值
    前端基础入门(一)-HTML-HTML基础
    改进自定义博客
    自定义博客主题
    使用JavaScript策略模式校验表单
    【经典面试题】圣杯布局以及双飞翼布局原理
    [JavaScript设计模式]惰性单例模式
  • 原文地址:https://www.cnblogs.com/qfkobe24/p/4272117.html
Copyright © 2011-2022 走看看