Java js小结1

1.点击列表中的“发送消息”，只有第一行响应，其它后面的list无效

页面截图

因为id选择器表示唯一。第一行有id，后面的就不会有同样的id了。不能循环设置id，所以此处需要将id选择器换成类选择器

//错误代码 id选择器"#"
发送消息

 $("#sysStaffMsg").click(function () {
     var userId = $(this).attr("userId");
     var data =  {
        userId: userId
     }
    var url = Main.contextPath + "/staff/popupStaff/"+userId;
    $.popup.modal(url,data)
});

//正确代码 类选择器"."
发送消息

 $(".sysStaffMsg").click(function () {
    var userId = $(this).attr("userId");
    var data =  {
        userId: userId
    }
    var url = Main.contextPath + "/staff/popupStaff/"+userId;
    $.popup.modal(url,data)
  });

//java
@Controller
@RequestMapping("staff")
public class StaffController {
    @RequestMapping(value = "popupStaff/{userId}")
    public String popupStaff(Model model, @PathVariable("userId") String userId) {
        StaffCenterResult rs =  restClientFactory.newRestClient().post(UrlUntils.getUrl(ConfigConst.STAFF_DETAIL),userId,new TypeReference() {
        });
        model.addAttribute("data", rs);
        return "main/staffMsgAdd";
    }
｝

2.雇员和雇员id 在js代码中获取不到

页面截图2

此处使用 $("#sendSysMsgForm").find("input[name=userId]") 强烈定位该输入框

     雇员ID
     
 
//无法获取userId值
var userId= $("#name").val();
//正确获取userId值
var userId = $("#sendSysMsgForm").find("input[name=userId]").val();

3.无返回值时

//jsp
资金明细

//java
    @RequestMapping("/cash/{userId}/{type}")
    public String searchUserAuth(Model model, CashSearchParam cashSearchParam, @PathVariable("userId") String userId,@PathVariable("type") String type) {
        CashSearchResult rs =  restClientFactory.newRestClient().post(UrlUntils.getUrl(ConfigConst.CASH), cashSearchParam, new TypeReference() {
        });
        model.addAttribute("cashSearchParam", cashSearchParam);
        model.addAttribute("total",rs.getTotal());
        model.addAttribute("data", rs.getData().getData());
        model.addAttribute("startPos", cashSearchParam.getPagination().getStartPos());
        model.addAttribute("pageCount", rs.getData().getTotal());
        return "main/cash";
    }

//cash.js


    



    

                

                    

                        

                        <%--xx--%>
                        <%----%>
                    
                    
                
            
                <%--
--%>
                <%--搜索--%>
                <%--
--%>
        
    

    
        
                
                
                    
                            
                                
                                
                                

                            <%----%>
                        

            
                
                
                
                
                
                
            
            

            

                
序号
                
订单号
                
时间
                
金额
                
描述
                
剩余可用资金
            
            

            

                    

                        对不起，没有查询到记录!
                    
                
            
            

                        
${(status.index + 1)+(startPos-1)*10}
                        
${data.orderId}
                        

                        
+${data.cashTotal}
                            
                            
-${data.cashTotal}
                            
                            
${data.cashTotal}
                            
                        
${data.userId}
${data.descri}
                        
${data.cashAmount}
                    
                
            
            
        
    
    
        收入总计：
        ${total}
    




<%----%>

4.有返回值

//jsp
发送
//js
      $("#sysStaffSend").click(function () {
            var url = Main.contextPath + "/staff/sendstaffmsg" ;
            var sysMsgContent = $("#sysMsgContent").val();
            var userId = $("#sendSysMsgForm").find("input[name=userId]").val();
            var name = $("#sendSysMsgForm").find("input[name=name]").val();
            console.log(sysMsgContent);
            var data = {
                sysMsgContent: sysMsgContent,
                userId:userId
            }
            if ($.valid.validCommon($("#sendSysMsgForm"))) {
                $.ajaxCommon.postUrl(url, data, function (result) {
                    if (result) {
                        $.alertMessage.info("发送成功!");
                        $('#myModal').modal('hide');
                    }
                })
            }
        });
//java
    @RequestMapping("/sendstaffmsg")
    public
    @ResponseBody
    boolean sendStaffMsg(Model model, SendStaffMessageInfo sendStaffMessageInfo) {
        return restClientFactory.newRestClient().post(UrlUntils.getUrl(ConfigConst.STAFF_MESSAGE_SEND), sendStaffMessageInfo, new TypeReference() {
        });
    }