hbuilder 获取前个页面传来的参数

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了hbuilder 获取前个页面传来的参数相关的知识,希望对你有一定的参考价值。

A页面用mui.openWindow的extras传了一个参数,在B页面怎么接这个参数啊,大神们帮帮忙,急死了!

参考技术A //跳转之前页面
mui.openWindow(
url:"product-detail.html",
extras:id : 30

);
//跳转之后页面 product-detail.html
// 获取取参数
var self = plus.webview.currentWebview();
alert( JSON.stringify(self.id) );// 会弹出 30本回答被提问者采纳
参考技术B js 中获取前页面的参数
js 中获取前页面的参数,不是url 的参数,因为前页面传参数是用?来传,但是到第二个页
面的时候先有个查询,点击查询之后参数值就修改了。
------解决方案--------------------------------------------------------
可不可以说得再具体些?感觉用隐藏元素可以传参
------解决方案--------------------------------------------------------
前一个JSP 页面中把信息添加到ActionContext 中
或者session,request 里面都可以追问

不是得,hbuilder有一个方法是打开新页面,
mui.openWindow(
url:"product-detail.html",
extras:id : 30

);
extras是传参数的,传的是id,我在打开的页面里,怎么获取这个30呢?

参考技术C 我也遇到这个问题,请问是怎么解决的啊谢谢

看板ajax动态获取后台传来json数据,加载到页面表格中

ajax动态获取后台传来json数据,加载到页面表格中

摘要

近期需要在汽车产品车间开发几个看板,其中一个看板需要动态加载表格。通过ajax动态获取webapi传过来的json数据,加载表格。

1.WebApi

    [Route("api/[controller]/[action]")]
    [ApiController]
    public class KanbanController : ControllerBase
    
        readonly EFCoreMISDbContext misContext = new();
        /// <summary>
        /// 获取汽车生产产品资料
        /// </summary>
        /// <returns></returns>
        [HttpGet]
        public async Task<IEnumerable<KanbanCarProduct>> GetKanbanCarProductsAsync() 
        

            return  misContext.KanbanCarProducts.Where(k=> EF.Functions.DateDiffDay(k.CreatedTime, DateTime.Now)==2).DefaultIfEmpty();
        
        /// <summary>
        /// 获取汽车产品每日资料
        /// </summary>
        /// <returns></returns>
        [HttpGet]
        public async Task<IEnumerable<KanbanCarDaily>> GetKanbanCarDailiesAsync()
        
            var kanbanCarDailies = from u in misContext.KanbanCarDailies
                                    select u;
            return kanbanCarDailies.DefaultIfEmpty();
        
    

2.看板HTML

<div class="content">
                <img class="guang" src="~/SmartBigScreen/banktpl/img/title.png" />
                <div class="tb tb_left">
                    <h3>生产管理看板(汽车产品)</h3>
                    <table class="table1">
                        <tr class="tb_title"><td>型号</td><td>工单</td><td>工单数</td><td>预计入库日</td><td>实际完成日</td><td>预计完成数</td><td>实际完成数</td><td>备注</td></tr>
                        <tbody id="t1">
                        </tbody>
                    </table>
                </div>
                <div style="clear:both"></div>
                <div class="tb tb_left">
                    <h3>汽车产品每日追踪</h3>
                    <table class="table1">
                        <tr class="tb_title"><td>型号</td><td>工单</td><td>生产时间段</td><td>不良项</td><td>生产数</td><td>不良率</td><td>原因分析</td><td>对策</td><td>责任人</td><td>完成时间</td></tr>
                       <tbody id="t2">
                        </tbody>
                    </table>
                </div>
            </div>

3.ajax获取后台传来的数据:在这里要注意声明提升,所以需要在for循环外var str1 = “”; 要不然页面中的第一个数据就会打印undefined。

原本可以直接构造一个table(见注释部分),因为样式暂时无法调整,改成标题采用HTML构造。数据部分由ajax请求后动态构造。

<script>
    $(function() 
        $.ajax(
            type: "get",
            url: baseUrl + "/api/Kanban/GetKanbanCarProducts",    //后台数据请求地址,
            dataType: "json",
            success: function(res) 
                var list = res;
                // var table = $("<table class='table1' ><tr class='tb_title'><td>型号</td><td>工单</td><td>工单数</td><td>预计入库日</td><td>实际完成日</td><td>预计完成数</td><td>实际完成数</td><td>备注</td></tr>");
                //table.appendTo($("#createtable"));
                //for (var i = 0; i < list.length; i++) 
                //    var tr = $("<tr></tr>");
                //    tr.appendTo(table);
                //    var td = $("<td>" + list[i].model + "</td><td>" + list[i].workOrder + "</td><td>" + list[i].estimatedQty + "</td><td>"+ list[i].expectedCompletionDate + "</td><td>"
                //    + list[i].actualCompletionDate + "</td><td>"+ list[i].expectedCompletionQty+"</td><td>"+ list[i].actualCompletionQty+"</td><td>"+ list[i].actualCompletionQty+"</td><td>"+ list[i].remark+"</td>");
                //    td.appendTo(tr);
                //
                //console.log(table);
                var str1 = "";
                for (var i = 0; i < list.length; i++)    //遍历
                    str1 += "<tr cate-id='0' fid='0'>" +
                        "<td>" + list[i].model + "</td>" +    //i代表下标,获取数据中的下标为i的1的值
                        "<td>" + list[i].workType+'-'+list[i].workOrder + "</td>" +
                        "<td>" + list[i].estimatedQty + "</td>" +
                        "<td>" + new Date(list[i].expectedCompletionDate).Format("yyyy-MM-dd") + "</td>" +
                        "<td>" +new Date( list[i].actualCompletionDate).Format("yyyy-MM-dd")  + "</td>" +
                        "<td>" + list[i].expectedCompletionQty + "</td>" +
                        "<td>" + list[i].actualCompletionQty + "</td>" +
                        "<td>" + list[i].remark + "</td>";    //i代表下标,获取数据中的下标为i的n的值,1-n是属性名
                
                t1.innerHTML = str1;   //将数据写入html中

            
        );
        //$("#createtable").append("</table>");

        $.ajax(
            type: "get",
            url: baseUrl + "/api/Kanban/GetKanbanCarDailies",    //后台数据请求地址,
            dataType: "json",
            success: function(res) 
                var list = res;
                var str1 = "";
                for (var i = 0; i < list.length; i++)    //遍历
                    str1 += "<tr >" +
                        "<td>" + list[i].model + "</td>" +    //i代表下标,获取数据中的下标为i的1的值
                        "<td>" + list[i].workType+'-'+list[i].workOrder + "</td>" +
                        "<td>" + list[i].startTime + '-' + list[i].endTime + "</td>" +
                        "<td>" + list[i].badItem + "</td>" +
                        "<td>" + list[i].estimatedQty + "</td>" +
                        "<td>" + list[i].badRate*100+'%' + "</td>" +
                        "<td>" + list[i].causeAnalysis + "</td>" +
                        "<td>" + list[i].countermeasure + "</td>" +
                        "<td>" + list[i].personLiable + "</td>" +
                        "<td>" + list[i].toc + "</td>";
                
                t2.innerHTML = str1;   //将数据写入html中

            
        );
    );
</script>

效果展示


尚待解决问题:UI颜搭配,UI的自适应问题。
后续解决!

以上是关于hbuilder 获取前个页面传来的参数的主要内容,如果未能解决你的问题,请参考以下文章

HBuilder运行项目到模拟器或真机的问题解决

HBuilder运行项目到模拟器或真机的问题解决

hbuilderx 怎么连接到手机模拟器 教你如何正确连接

百度搜索效果(页面传来数据地址,由服务器去获取)

看板ajax动态获取后台传来json数据,加载到页面表格中

看板ajax动态获取后台传来json数据,加载到页面表格中