zoukankan      html  css  js  c++  java
  • Ajax访问JSON(备忘)

    (function() {  
        var createRequest = function() {  
            var request;  
            try { //support IE7+, Firefox, Chrome, Safari and Opera.  
                request = new XMLHttpRequest();  
            } catch(tryMS) {  
                try {  
                    request = new ActiveXObject("Msxml2.XMLHTTP");  
                } catch(otherMS) {  
                    try { // support IE6 and IE5  
                        request = new ActiveXObject("Microsoft.XMLHTTP");  
                    } catch(failed) {  
                        request = null;  
                    }  
                }  
            }  
            return request;  
        }  
          
        var checkText = function() {  
            var request = createRequest();  
            var obj = this;  
            if(request === null) {  
                alert("Unable to create request!");  
            } else {  
                var url = "json/test.json?id=" + Math.random();  
                request.onreadystatechange = function() {  
                    if(request.readyState == 4 && request.status == 200) {  
                        var json = JSON.parse(request.responseText),  
                            text = obj.value;  
                        document.getElementById("prompt").innerHTML = json[text];  
                    }  
                }  
                request.open("GET", url, true);  
                request.send(null);  
            }  
        }  
          
        document.getElementById("text").onkeyup = checkText;  
    })();  
      
      
    \\------------jquery  
      
      
    $(function() {  
        $("#text").keyup(function() {  
            var $domText = $(this);  
            $.ajax( {  
                async: true,  
                cache: false,  
                type: "get",  
                url: "json/test.json",  
                dataType: "json",  
                success: function(data) {  
                    $("#prompt").html(data[$domText.val()]);  
                }  
            });  
        });  
    });  
    

      

  • 相关阅读:
    kettle 3:java调用transformation
    SEO网站优化笔记
    图案设计的素材
    TweenLite 使用详解(译文)
    flv文件修复文件头
    一个拼图素材
    外螺旋矩阵排列
    20160226.CCPP体系详解(0036天)
    tcp三次握手与四次分手
    docker 应用数据的管理之bind mounts
  • 原文地址:https://www.cnblogs.com/maplejan/p/2774137.html
Copyright © 2011-2022 走看看