jquery设置样式、div内容、拼接id、传参、页面跳转传参、获取跳转url参数

1. 页面跳转,参数拼接:
function jumppage(id) {
    /*var tr = document.getElementById("\""+id+"\"");*/
    window.location = "/we/uedtil?id=\""+id+"\"";
}


获取url参数:
$(document).ready(function(){
    var Request = location.search;
    var id = Request.substring(7, Request.length-3)
    weuerodeail(id);
});

2. 函数中id拼接、参数拼接
function query() {
    var pageSize = 14;
    var name = $("#name").val().trim();
    $.ajax({
        url:"url",
        type:"post",
        data:{name:name,pageNo:pageNo,pageSize:pageSize},
        success:function(data){
            var listr = data.data;
            if(data.code == "10000"){
                var html="<tr></tr>";
                var totalCount = data.total;
                pages = Math.ceil(totalCount/pageSize);
                for(var i in listr){
                    html = html + "<tr><td>"+i+1+"</td>"+
                        "<td>"+listr[i].fullname+"</td>"+
                        "<td>"+listr[i].card+"</td>"+
                        "<td><input type='text' class='txtinp' id=\"us"+listr[i].id+"\" value='"+listr[i].username+"' readonly = 'readonly' maxlength='10'/></td>"+
                        "<td><input type='text' class='txtinp' id=\"ps"+listr[i].id+"\" value='"+listr[i].userpass+"' readonly = 'readonly' maxlength='10'/></td>"+
                        "<td><div class='txtbut' id=\"up"+listr[i].id+"\" onclick='updateadministrator(\""+listr[i].id+"\")'>修改</div></td>"+
                        "<td><div class='txtbut' onclick='webdeleteadministrator(\""+listr[i].id+"\",\""+listr[i].fullname+"\")'>删除</div></td></tr>";
                }
                $("#TableData").html(html);
                var newText1 = "共" + totalCount + "条" ;
                $("#pagenum1").text(newText1);
                var newText2 = "共" + pages + "页" ;
                $("#pagenum2").text(newText2);
                var newText3 = "第" + pageNo + "页" ;
                $("#pagenum3").text(newText3);
            }else{
                alert(data.message);
            }
        }
    });
}
3.通过拼接id设置div的css,以及div的内容 

function updatea(id) {
            var divtext = $("#up"+id).text();
            if(divtext == '修改'){     
                $("#us"+id).attr("readOnly",false);
                $("#us"+id).css("color","white");
                $("#ps"+id).attr("readOnly",false);
                $("#ps"+id).css("color","white");
                $("#up"+id).html("保存");
            }else if(divtext == "保存"){
                var  msg = "您确定要保存修改操作吗?\n\n请确认!";
                if (confirm(msg)==true){
                    var username = $("#us"+id).val().trim();
                    var userpass = $("#ps"+id).val().trim();
                    $.ajax({
                        url:"url",
                        type:"post",
                        data:{id:id,username:username,userpass:userpass},
                        success:function(data){
                            var listr = data.data;
                            if(data.code == "10000"){
                                alert(data.message);
//                                queryadministratorsall();
                            }else{
                                alert(data.message);
                            }
                        }
                    });
                }
                $("#up"+id).html("修改");
                $("#us"+id).attr("readOnly",true);
                $("#us"+id).css("color","#8d9cb1");
                $("#ps"+id).attr("readOnly",true);
                $("#ps"+id).css("color","#8d9cb1");
            }
        }

 

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,针对您的问题,我可以给您提供一些思路和示例代码。 首先,使用 Ajax 实现页面跳转传参的思路是,在前端通过 Ajax 发送一个请求到后端,后端返回需要跳转的页面的内容,并将参数传递给前端,前端再利用 JavaScript 将页面内容渲染到页面上。 下面是一个简单的示例代码: ```javascript // 前端代码 $.ajax({ type: 'get', url: '/path/to/your/backend', data: {param1: 'value1', param2: 'value2'}, success: function(response) { // 将后端返回的页面内容渲染到页面上 $('body').html(response); } }); // 后端代码(假设使用 Python Flask 框架) @app.route('/path/to/your/backend') def backend(): param1 = request.args.get('param1') param2 = request.args.get('param2') # 处理参数,生成需要返回的页面内容 content = 'hello world' return content ``` 接下来,使用 jQuery 实现页面跳转并通过 Post 方法传参的思路是,利用 jQuery 提供的 `$.post()` 方法向后端发送一个 Post 请求,并将参数传递给后端,后端再返回需要跳转的页面的内容,前端再利用 JavaScript 将页面内容渲染到页面上。 以下是一个简单的示例代码: ```javascript // 前端代码 $.post('/path/to/your/backend', {param1: 'value1', param2: 'value2'}, function(response) { // 将后端返回的页面内容渲染到页面上 $('body').html(response); }); // 后端代码(假设使用 Python Flask 框架) @app.route('/path/to/your/backend', methods=['POST']) def backend(): param1 = request.form.get('param1') param2 = request.form.get('param2') # 处理参数,生成需要返回的页面内容 content = 'hello world' return content ``` 希望以上示例代码对您有所帮助,如有疑问请及时提出。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值