zoukankan      html  css  js  c++  java
  • 2017.12.07 Ajax获取服务器数据并发送到前端

    1.前端:在React渲染页面之前就加载服务器数据:

     componentWillMount()  {
            console.log("aaaaaaaa");
    
            var data2={
    
                action:"queryTaskOfManager"
            };
            Common.getData(JSON.stringify(data2),function (ret) {
                alert(ret);
            });
    
        }

    2.前端调用这个React生命周期函数:

    3.ajax文件封装成组件后,导出:

    4.Ajax文件的具体方法:

        getData: function (data2,successCallback) {
            var gg={};
            alert(data2);
            $.ajax({
                url: 'http://192.168.1.144:8080/sfboffice/askForLeaveServlet',
                type: 'GET',
    
                data:JSON.parse(data2),
                timeout: 1000,
                cache: false,
                beforeSend: LoadFunction, //加载执行方法
                error: erryFunction,  //错误执行方法
                success: succFunction //成功执行方法
            })
            function LoadFunction() {
                alert("加载中....");
            }
            function erryFunction() {
                alert("error");
            }
            function succFunction(data) {
                console.log(data)
                //eval将字符串转成对象数组
                var tt=JSON.stringify(data);
                successCallback(tt);
            }
        }

    5.前端定义:获取ajax得到的服务器的数据的函数:

    (1)导入ajax封装的组件:

    (2)调用ajax中的方法:

      componentWillMount()  {
            console.log("aaaaaaaa");
    
            var data2={
    
                action:"queryTaskOfManager"
            };
            Common.getData(JSON.stringify(data2),function (ret) {
                alert(ret);
            });
    
        }
  • 相关阅读:
    volatile关键字
    线程的状态
    java中的匿名内部类
    java高精度实数和小数
    JS、JSP、ASP、CGI
    论文结构要求
    java中的标识符、关键字、保留字
    java IODemo
    Bagging和Boosting的区别
    由Memcached升级到 Couchbase的 Java 客户端的过程记录(一)
  • 原文地址:https://www.cnblogs.com/hqutcy/p/7997632.html
Copyright © 2011-2022 走看看