zoukankan      html  css  js  c++  java
  • jsonp原生js代码示例

    /* mightygumball.js */
    /*
     * get the content of a JSON file using JSONP
     * update every 3 seconds.
     *
     */
    var lastReportTime = 0;
    
    window.onload = init;
    
    function init() {
        var interval = setInterval(handleRefresh, 3000);
        handleRefresh();
    }
    
    function handleRefresh() {
        console.log("here");
        var url = "http://gumball.wickedlysmart.com" +
                    "?callback=updateSales" +
                    //"&lastreporttime=" + lastReportTime +
                    "&random=" + (new Date()).getTime();
        var newScriptElement = document.createElement("script");
        newScriptElement.setAttribute("src", url);
        newScriptElement.setAttribute("id", "jsonp");
        var oldScriptElement = document.getElementById("jsonp");
        var head = document.getElementsByTagName("head")[0];
        if (oldScriptElement == null) {
            head.appendChild(newScriptElement);
        }
        else {
            head.replaceChild(newScriptElement, oldScriptElement);
        }
    }
    
    function updateSales(sales) {
        var salesDiv = document.getElementById("sales");
        for (var i = 0; i < sales.length; i++) {
            var sale = sales[i];
            var div = document.createElement("div");
            div.setAttribute("class", "saleItem");
            div.innerHTML = sale.name + " sold " + sale.sales + " gumballs";
            //salesDiv.appendChild(div);
            if (salesDiv.childElementCount == 0) {
                salesDiv.appendChild(div);
            }
            else {
                salesDiv.insertBefore(div, salesDiv.firstChild);
            }
        }
    
        if (sales.length > 0) {
            lastReportTime = sales[sales.length-1].time;
        }
    }
      
  • 相关阅读:
    远程访问Linux的常见方式
    GIT的安装与使用
    01_c语言学习之gcc
    车轮——项目 --- 云笔记
    python 基于ubuntu16.04 建立虚拟环境
    利用msfvenom生成木马
    msfvenom参数简介
    kali linux修改更新源及更新
    记通过mysql数据库成功入侵到服务器内部的渗透实战
    UML 几种关系:泛化、关联
  • 原文地址:https://www.cnblogs.com/zhishaofei/p/4184039.html
Copyright © 2011-2022 走看看