精华内容
下载资源
问答
  • //getbar为请求路径 请求获取后台实时改变的session值 上传案例  xhr.upload.addEventListener("progress", progressZipFilesFunction, false);//progressZipFilesFunction 回调函数  xhr.send(formData);  ...

      bootstrap进度条

    <div id="Blenght" class="progress progress-striped" style="display:none;width: 300px;height: 15px;margin-left:45px;margin-bottom: 1px;">
                        <div id="my-bar-success" class="progress-bar progress-bar-success my-bar-success" role="progressbar"
                             aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                             style="width: 0%;">
                        </div>
                        <div id="countNum" class="len-countNum">
                        <em id="style-em-1" class="em-style"></em><em id="style-em-2" class="em-style"></em></div>
    </div>

     

       var formData = new FormData(document.getElementById('表单id'));  
        var xhr = new XMLHttpRequest();
        xhr.open('post', 'getbar', true); //getbar为请求路径  请求获取后台实时改变的session值  上传案例
        xhr.upload.addEventListener("progress", progressZipFilesFunction, false);//progressZipFilesFunction 回调函数
        xhr.send(formData);

     

     

    function progressZipFilesFunction(evt) {
        if (evt.lengthComputable) {
            var bRead = evt.loaded;
            var cLength = evt.total;
            var mBRead = Math.floor(bRead / 1024 / 1024); //实时上传的MB 取整
            var aRate = bRead / cLength * 100;
            var mCLength = Math.floor(cLength / 1024 / 1024); //视频大小
            $("#style-em-1").html(mBRead + "M/");
            $("#style-em-2").html(mCLength + "M");
            aRate = aRate.toFixed(2);
            $("#my-bar-success").css("width", aRate + "%");
            if(bRead==cLength){
                layer.alert("成功", {
                    icon: 1
                },
                function() {
                    $("#myModal2").modal("hide");
                    window.location.reload();
                });
            }
        }

    }3

    转载于:https://www.cnblogs.com/jiahaoJAVA/p/8027807.html

    展开全文
  • 前台去获取后台数据,如果在jsp文件中,可以使用el表达式遍历,如果在js文件中,又不想使用json,那么传过去的就是字符串了,需要自己处理,自己两种都尝试了。建议还是使用json格式。 字符串形式 在js获取后台...

    前台去获取后台数据,如果在jsp文件中,可以使用el表达式遍历,如果在js文件中,又不想使用json,那么传过去的就是字符串了,需要自己处理,自己两种都尝试了。建议还是使用json格式。

    字符串形式

    在js中获取后台数据有很多中方式,这里只提供两种方式,一是将js代码和html放在同一文件中,二是将js代码放在单独的文件中。
    如果将js文件放在html代码中,只需要这样:

    var data = '${map}'
    

    其中map是后台存储的数据是的名称,这时获得的data是一个字符串,需要自己处理成为需要的数据,比如下面的代码:

    var t1 = data.replace(/=/g, ",");
    var t2 = t1.replace(/{|}/g, "");
    var arr = t2.split(",");
    

    先用正则表达式将一些字符替换掉,在分割为数组就可以获取到数据了。
    但是如果将js代码放在单独的文件中,这种方法就行不通了,可以放一个input标签,这是为"hidden",并给id,就可以获取了:

    var data = document.getElementById('data').innerHTML;
    

    然后像上面一样处理。

    JSON格式

    首先,我的数据格式是一个map:

    {生活=150.0, 计算机=600.0, 社科=200.0, 艺术=99.0, 文学=340.0}
    

    使用json,首先要在后台将数据转化为json格式,json使用唯一比较麻烦的就是导入包,包很多,找的话并不是很好找,这里将json要用的包放在这里以供下载:
    链接:https://pan.baidu.com/s/1qz6IRK_v5FEFSz0AuND_Nw 密码:9aft
    使用的话也很方便:

    JSONArray json = JSONArray.fromObject(map);
    

    其中map是你需要转换的数据,转换后的数据格式是:

    [{"生活":150,"计算机":600,"社科":200,"艺术":99,"文学":340}]
    

    然后将数据放入request域中。
    前台通过前面两种方法获数据,前面讲到获取到的只是字符串,即json文本,需要将json文本转换为JavaScript对象:

    var jsonObj = eval ("(" + data + ")");
    

    然后就可以直接进行遍历了:

    for ( var index in jsonObj) {
    	for(var key in jsonObj[index]){
    		alert(key + "=" + jsonObj[index][key]);
    	}
    }
    

    这样就可以了。

    展开全文
  • 方法一后台方法:复制代码 代码如下:// 需要标识为WebMethod[System.Web.Services.WebMethod]// 注意,要让前台调用的方法,一定要是public和static的public static string Say(string name){string result = "Hello...

    方法一

    后台方法:

    复制代码 代码如下:

    // 需要标识为WebMethod

    [System.Web.Services.WebMethod]

    // 注意,要让前台调用的方法,一定要是public和static的

    public static string Say(string name)

    {

    string result = "Hello:" + name;

    return result;

    }

    前台js:

    复制代码 代码如下:

    function btnClick(){

    PageMethods.Say("you",funReady,funError);//注意js中调用后台方法的方式

    }

    //回调函数, result 就是后台方法返回的数据

    function funReady(result){

    alert(result);

    }

    //错误处理函数,err 就是后台方法返回的错误信息

    function funError(err){

    alert("Error:" + err._message );

    }

    方法二

    后台方法:

    复制代码 代码如下:

    protected string Say(string strCC)

    {

    strCC = "你好!" + strCC;

    return strCC;

    }

    前台js:

    复制代码 代码如下:

    function Show()

    {

    var v = "中国";

    var s = ''; // 你好!“+V+”

    alert(s);

    }

    方法三

    后台方法:

    复制代码 代码如下:

    // 需要标识为WebMethod

    [System.Web.Services.WebMethod]

    // 注意,要让前台调用的方法,一定要是public和static的

    public static string Say(string name)

    {

    string result = "Hello:" + name;

    return result;

    }

    前台js:

    复制代码 代码如下:

    function btnClick(){

    // 调用页面后台方法,前面跟方法所需的参数,接着是方法回调成功时要执行的js函数,最后一个是方法回调失败时要执行的js函数

    WebSerCustomer.Say("you",function(ress){//ress就是后台方法返回的数据,Say是webservice WebSerCustomer.axms页面上的方法

    alert(ress)

    });

    }

    //WebSerCustomer.asmx后台webservice类的页名称

    总结

    对于方法一和方法三来说,标识System.web.Services.webmethod可以声明一个方法可以通过客户端js函数来调用,并且后台方法必须声明为public和static,正是由于要将方法声明为static,使得这两种方法都有局限性,即静态方法中只允许访问静态成员变量。所以要想用这两种方式调用后台方法,后台方法中是不能访问非静态成员变量的。

    展开全文
  • 主要为大家简单介绍了Angular.js如何从PHP读取后台数据,本文将Angular和PHP相结合,从后台读取数据,感兴趣的小伙伴们可以参考一下
  • EasyUI模糊查询,根据输入框动态获取后台数据在下拉框提示,选中动态填充数据。
  • 利用ajaxpro2 js获取后台数据
  • Echarts入门最基本的就是在自己的电脑上跑起来,首先在官网上下载,我是直接下载的完整版,下载下来的文件是echart.min.js,这是一个js文件,直接引入到自己的代码中即可。然后到它的官方示例中选一个...

    最近接触了Echarts,具体就不多加介绍了,可以到官网查看,不过不知道为什么有时候进不去https://echarts.baidu.com/这个网址,但换个WIFI却可以,这个不是很理解。

    总共打算写三篇文章,第一篇是Echarts新手入门;第二篇是获取后台数据,包括使用json和不使用json的版本;第三篇是实时获取后台数据,使用Ajax,动态刷新。

    Echarts入门最基本的就是在自己的电脑上跑起来,首先在官网上下载,我是直接下载的完整版,下载下来的文件是echart.min.js,这是一个js文件,直接引入到自己的代码中即可。然后到它的官方示例中选一个最简单的比如折线图,在右侧选择下载,不要直接复制左侧的代码,这个不完整,如图所示:
    在这里插入图片描述
    如果你能打开https://echarts.baidu.com/,下载下来的源码是可以直接运行的,如果进不去,把它引用的一些网上的js文件全部删除,将刚刚下载的echarts.min.js引入即可,这样就可以运行了。

    echarts提供了非常丰富的官方实例,可以自己学习,对照它的官方文档,查看相应的配置项手册即可,不够官方实例大多是3.x版本,所以有些配置项可能会找不到,将文档切换到3.x版本即可,其实将3.x的版本改为4.x的版本也可以算是一种学习。

    展开全文
  • JS获取后台数据

    千次阅读 2017-01-09 16:11:55
    json类型的: var temp=${jsonTest}; 其中 jsonTest 就是后台传过来的参数名。
  • js 通过 thymeleaf 获取后台数据

    千次阅读 2019-08-09 11:01:03
    使用 thymeleaf 获取后台 Model 类型数据
  • 【ASP.NET】js ajax 获取后台数据

    千次阅读 2019-08-10 23:06:21
    <div> <input type="button" value="Time" id="btnTime" /> <...js代码 ...获取后台传递过来的时间 <script type="text/javascript"> $(()=>{ $("#btnTime").click(()=&...
  • js获取后台数据

    2017-04-07 23:13:00
    <script type="text/javascript"> var info={//假设后端传入的数据 "data":[ { "url":...
  • setTimeout setTimeout(code, millisec) 用于在指定的毫秒数后调用函数或计算表达式。 说明: setTimeout()只执行一次code。如果要多次调用,要使用setInterval()方法或者让 code 自身再次调用 setTimeout() ...
  • 利用Angular.js从PHP读取后台数据

    千次阅读 2016-03-23 16:55:02
    之前已经有很多方法可以通过angular进行本地数据的读取。以前的例子中,大多数情况都是将数据存放到模块的$scope变量中,或者...首先,利用PHP,我们定义了一组后台数据,代码如下(test.php): header("Access-C
  • js获取后台的集合数据

    万次阅读 2014-08-06 20:21:11
    怎样在js获取后台存放的集合数据
  • js获取后台map格式数据 后台:(得先后数据) Map res = new HashMap(2); res.put("result","error2"); res.put("message","验证码不能为空!"); js: $.ajax({ type:"POST", url:...
  • 在前端用js获取后台的图片等一些数据,然后给指定标签赋值,具体的代码该如何写?求大神解答~~~菜鸟求知~~~
  • 纯前端导出pdf js动态数据渲染pdf 动态数据生成pdf 动态数据生成页面pdf js动态生成页面pdf 预览pdf
  • axios 获取后台数据

    千次阅读 2019-04-17 09:25:16
    axios是一个获取后台数据的插件 地址https://www.npmjs.com/package/axios 使用 前提得安装node.js 页面直接引用 下载 选中文件夹 shift+右键 调出命令窗口 输入 npm i axios -g 获取数据: 路径为后台数据接口 在...
  • react.js 获取 java 后台数据

    千次阅读 2018-11-01 17:56:41
    // 请求后台数据 changeInputValue(){ /* 查询数据的格式 */ let filter={ object:{ object:{ } } } var url ="/flightsInterfaceBLH_searchFlightsAndPersons.do"; var getInformation ={ ...
  • js通过AJAX获取后台数据渲染到页面

    万次阅读 2019-06-02 18:22:41
    1.GET获取数据 html部分 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>AJAX发送GET请求并传递参数</title> </head> <body> <ul ...
  • js中ajax获取后台数据为空,但在后台显示已经发送数据 function setSceneInfo() { $.ajax({ type:'post', url:'../cgi-bin/web_function.cgi', data:'cmd : SceneInfo\r\n', async:true, success...
  • 问题描述:用js获取后台数据,bootstrap-select 显示不出数据(实际上普通的select是用的)。原因:缺少:$('.selectpicker').selectpicker('val', ''); $('.selectpicker').selectpicker('refresh'); 获取后需要...
  • 做了个小功能,希望前台可以看到后台实时处理进度,首先想到的就是能够在页面像后台打印日志一样的输出, 如下代码: PrintWriter out = response.getWriter(); while(true){ try { out.print("输出...
  • 一、在springboot项目中,我们常结合thymeleaf模板来开发项目,在HTML标签中输出的语法不做过多介绍,网上一堆一堆的,那么怎么在js获取后台通过Model传递过来的数据呢,语法很简单,如以下代码: /*...
  • JS实现遍历去重,需要掌握两个工具,一个是.each(),另一个就是arr.indexof(value,index,arr),其中,.each(),另一个就是arr.indexof...JS去重后动态获取后台数据 演示代码: layui.use('form', function () { var $ .
  • js获取后台返回的数据

    万次阅读 2018-08-21 17:54:41
    通过$.get从后台获取了一段json串{"id":"1","name":"ww"},然后要拿到这里面的id和name值 $.get(url,  function(data) {  alert("ID:" + data.id + "\...
  • 微信小程序如何传参以及获取后台数据的方法

    万次阅读 多人点赞 2019-06-24 19:51:43
    微信小程序如何传参以及获取后台数据的方法 这是我的第一篇博客,刚步入工作的小“萌新”一枚,希望以后能够把工作中有用的技术在博客中进行总结,当然如果能够帮助到你学习或者解决了你的问题,那我真的感到很开心...
  • 有些同学喜欢在js代码中,使用EL表达式获取后台数据,虽然这种方法不是很提倡,但是还是可以实现的。 就本人来说,能在页面里面能全部用js代码的,最好全部用js代码实现。 二、实现方法 1、ssh框架 ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 196,226
精华内容 78,490
热门标签
关键字:

js实时获取后台数据