zoukankan      html  css  js  c++  java
  • 用Ajax将checkbox选中的值发送给后台

    献上代码

    var postInstall=function(data,fn){                           //发送请求
        var xhr = new XMLHttpRequest();
        var url="";              //地址,注意不要跨域
        xhr.open("post", url);
        xhr.setRequestHeader("content-type", "application/json");
        xhr.onreadystatechange = function() {
            if(xhr.readyState == 4) {
                var str=xhr.responseText;
                console.log(str);
                var obj=JSON.parse(str);
                if(typeof(fn)=="function"){
                    fn(obj);
                }
            }
        }
        data=JSON.stringify(data);
        xhr.send(data);
    }
    //轮巡
    var Timer=setInterval(function(){
     var xhr = new XMLHttpRequest();
     var url="";
     xhr.open("GET", url);
     xhr.setRequestHeader("content-type", "application/json");
     xhr.onreadystatechange = function() {
      if(xhr.readyState == 4) {
      }
     }
    },2000);              // 200秒内持续
    document.addEventListener('click',function(evt){
        if(!evt.target.matches(".yes")){
            return;
        }
        var data={                                         //发送的数据
            environ:document.getElementById("environ").checked,    
            keystone:document.getElementById("keystone").checked,
            glance:document.getElementById("glance").checked,
        }
        postInstall(data,function(resdata){
            if(resdata.status=="OK"){
                alert("发送成功");
            }
        });
    });
  • 相关阅读:
    Database
    模式匹配
    About Unicode
    Dive into python学习笔记
    Python基本概念及零碎知识点
    Djnago的一些零碎知识点
    python项目练习3:万能的XML
    Django的第一个web程序及深入学习
    Poj1195&tyvj1474二维线段树
    zoj2319Beautiful People Dp
  • 原文地址:https://www.cnblogs.com/xiaoluoli/p/5899008.html
Copyright © 2011-2022 走看看