通过鼠标点击使用ajax获取table其中一行tr的数据传入action

这个是前端,通过ajax获取团建单位和团检登记时间传到后台action接收,查询到的东西返回页面,通过for in打印到页面

里,现在的问题就是怎么再通ajax获取到刚才打印出来的数据,
(鼠标点击打印出来表格的其中一行获取这行的数据并发送到action)就这步的代码我不会……

需求:
我第一次靠两个参数查询出数据,显示在一个table中,接下来我需要鼠标点击这个table中的tr,以这个tr中的td,查询出另外的数据显示在另一个table,我现在是不会用鼠标点击取得第一次打印出的行的数据

<body>
    <div>
        <table class="table">
            <tr>
                <th>团建单位:</th>
                <td><input type="text" id="comname"></td>
                <th>团检登记时间:</th>
                <td><input type="date" id="date"></td>
                <th><input class="button button-silver" type="button"
                    id="query_comname" value="查询" style="width:40%;">
                </td>
                <th><input class="button button-silver" type="button"
                    value="退选中" style="width:40%;"></th>
            </tr>
        </table>
    </div>
    <div id="itemRefundDiv1">
        <table class="table" id="tab1000">
            <thead>
                <tr>
                    <th class="box"><input type="checkbox" style="zoom:170%;"></th>
                    <th>体检人</th>
                    <th>体检号</th>
                    <th>登记时间</th>
                    <th>开始体检时间</th>
                </tr>
            </thead>
            <tbody>
<!--            打印第一个BOX的内容 -->
            </tbody>
        </table>
    </div>
    <div id="itemRefundDiv2">
        <table border="1px" class="table">
            <tr>
                <td class="box"><input type="checkbox" style="zoom:170%;"></td>
                <th>套餐或项目名称</th>
                <th>数量</th>
                <th>金额</th>
                <th>登记人</th>
                <th>登记时间</th>
            </tr>
        </table>
    </div>

    <script type="text/javascript">
        $(function() {
            $("#query_comname").click(function() {
                var cn = $("#comname").val();
                var dt = $("#date").val();
                $.ajax({
                    url : "itemRefund/query_com",
                    type : "post",
                    data : {
                        "com_name" : cn,
                        "reg_time" : dt
                    },
                    success : function(data) {
                        if (data.NOTFOUND == "true") {
                            alert("找不到合符条件的信息");
                        } else {
                        //alert(data.listRefund[0].emp_name);
                            var listRefund = data.listRefund;
                            var str = "";
                            for (var i in data.listRefund) {
                                str += "<tr id =" + "listRefund" + i + ">";
                                str += "<td class='box'>" + "<input type='checkbox' style='zoom:170%;'>" + "</td>";
                                str += "<td align='center' id=A" + data.listRefund[i].emp_name + ">" + data.listRefund[i].emp_name + "</td>";
                                str += "<td align='center' id=B" + data.listRefund[i].reg_no + ">" + data.listRefund[i].reg_no + "</td>";
                                str += "<td align='center' id=C" + data.listRefund[i].reg_time + ">" + data.listRefund[i].reg_time + "</td>";
                                str += "<td align='center' id=D" + data.listRefund[i].bat_begin + ">" + data.listRefund[i].bat_begin + "</td>";
                                str += "</tr>";
                            }
                            $("#tab1000 tbody").empty();
                            $("#tab1000 tbody").append(str);
                        }
                    }
                });
            });
        });
    </script>
</body>

下面是action类

@Controller
@RequestMapping("itemRefund")
public class itemRefundAction {

    @Autowired
    IItemRefundService iitemRefundService;

    @RequestMapping(value="query_com",method=RequestMethod.POST)
    @ResponseBody
    public Map<String, Object> query(itemRefund it){
        System.out.println("查询公司" + it);
        //通过团检单位和团检登记时间查询内容用来退项
        List<itemRefund> list = iitemRefundService.queryRefund(it);

        Map<String, Object> map = new HashMap<String, Object>();  

        if(!list.isEmpty()){  
            map.put("NOTFOUND", "false");  
            map.put("listRefund", list);  
        }else{  
            map.put("NOTFOUND", "true");  
        }  
        System.out.println("map="+map);
        return map; 
    }

    @RequestMapping(value="query_Refund",method=RequestMethod.POST)
    @ResponseBody
    public Map<String, Object> queryRefund(itemRefund it){
        System.out.println("收到的数值");
    //这里接收第二次发送的数据
        Map<String, Object> map = new HashMap<String, Object>(); 



         return map; 
    }
}

3个回答

把数据用全局变量gdata存起来,每一行tr标签加的索引值(如 data-index = 0,1,2,3等),tr添加事件监听,点击时获取到索引值 index,就可以通过gdata[index]得到对应的数据了。

不知道是不是你的ajax的路劲是不是有问题啊,控制器/方法

既然数据都打印出来了,为啥还要二次ajax请求,把数据保存到变量中后面在二次使用不行吗?还是对你的理解有误?

alan3494
alan3494 是这样的,我第一次靠两个参数查询出数据,显示在一个table中,接下来我需要鼠标点击这个table中的tr,以这个tr中的td,查询出另外的数据显示在另一个table,我现在是不会用鼠标点击取得第一次打印出的行的数据
2 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
通过ajax传入id查询数据问题

通过ajax 传入对应数据的id 查询数据,但是返回的数据并不能通过点击实时刷新 每次都需要手动刷新两次 数据才能对应. ``` <s:form method="post" action="TeacherActionUpdate" id="update" enctype="multipart/form-data"> <div id="lights" class="white_contents" style="text-align: center;overflow-x:visible;"> <table width='100%' cellpadding='0' cellspacing='0' style="text-align: center;position:absolute;left:55px;"> <h3>修改教师信息</h3> <br/> <tr class="divcss5-b"> <td width="12.5%" style="text-align: right;">姓名&nbsp;&nbsp;&nbsp;</td> <td style="text-align:left;"> <s:textfield name="tc.name" style="width:181px;height:28px;" cssClass="v_null" placeholder="请输入教师名称"/> </td> </tr> <tr class="divcss5-b"> <td width="12.5%" style="text-align: right;">性别&nbsp;&nbsp;&nbsp;</td> <td style="text-align:left;"> <select name="tc.sex" style="width:181px;height:28px;"> <option>男</option> <option>女</option> </select> </td> </tr> <tr class="divcss5-b"> <td width="12.5%" style="text-align: right;">手机号&nbsp;&nbsp;&nbsp;</td> <td width="12.5%" style="text-align:left;"> <s:textfield name="tc.phone" style="width:181px;height:28px;" cssClass="v_tel" placeholder="请输入11位手机号"/> </td> </tr> </table> <div style="position:absolute;top:630px;left:150px"> <a class="button button-khaki tijiaos"> <span>保存</span> </a> <a href="javascript:void(0)" onclick="document.getElementById('lights').style.display='none';" class="button button-khaki"> <span>关闭</span> </a> </div> </div> </s:form> <script> $(function(){ $(".teacherupdate").click(function(){ var id=$(this).text(); alert(id); document.getElementById('lights').style.display='block'; $.ajax({ url : "TeacherActionFindBy.action", cache:true, type : "POST", data:{'id':id}, async: false, success: function(result){ alert(1); } }); return false; }); }); </script> ```

点击发布按钮,如何用ajax发送这些数据到后台,希望有源码

![图片说明](http://i![图片说明](https://img-ask.csdn.net/upload/201512/10/1449737857_844296.png)mg.ask.csdn.net/upload/201512/10/1449737844_583917.png) 如何点击发布使用ajax发送到后台这么多数据,我只能发送一行的数据,所有行的要怎么发,后台要如何接收 //第一行数据 var _tr = $("tbody tr:eq(0)"); var sortNum = _tr.children().eq(0).text(); var photoId = _tr.children().eq(1).text(); var photoTitle = _tr.children().eq(2).text(); var updateTime = _tr.children().eq(3).text(); var updateUserName = _tr.children().eq(4).text(); var ynRelease = _tr.children().eq(5).text(); ajax的date数据 data:{ "sortNum":sortNum, "photoId":photoId, "updateUserName":updateUserName, "ynRelease":ynRelease },

jquery ajax 导入json数据进行修改操作

json数据 test.txt [ {"XH":1,"YWName":"业务1","SName":"系统1","QDName":"渠道1","HJNumber":5}, {"XH":2,"YWName":"业务2","SName":"系统2","QDName":"渠道2","HJNumber":6}, {"XH":3,"YWName":"业务3","SName":"系统3","QDName":"渠道3","HJNumber":7} ] jquery ajax获取方法 $('#button').click(function(){ $("#tab").hide(); $("table").remove(); $.ajax({ type:"GET", url:"test.txt", dataType:"json", success:function(data){ var $table=$('<table border="1" id="table"></table>'); var $head =$('<tr><td>序号</td><td>业务名称</td><td>系统名称</td><td>渠道名称</td><td>环节数</td><td>操作</td></tr>'); $table.append($head); for(var i=0;i<data.length;i++){ var row = data[i]; var $tr = $('<tr class="row" ></tr>'); var XH= $('<td width="40px">'+row['XH'] + '</td>'); var YWName= $('<td width="80px">'+row['YWName'] + '</td>'); var SName= $('<td width="80px">'+row['SName'] + '</td>'); var QDName= $('<td width="80px">'+row['QDName'] + '</td>'); var HJNumber= $('<td width="60px">'+row['HJNumber'] + '</td>'); $tr.append(XH).append(YWName).append(SName).append(QDName).append(HJNumber).append('<td width="60px"><input type="button" id="" value="修改"/></td>'); $table.append($tr); } $('#chen').append($table); } }); return false; }); 需求:点击生成表格中的修改,对所在行的数据进行修改,加载新页面或者弹框都可以!!! 求各位大神指点迷津,小猴在这里谢过了!![图片说明](https://img-ask.csdn.net/upload/201603/24/1458804890_82349.png)

通过ajax传递输入类型文件

<div class="post-text" itemprop="text"> <p>So I am trying to pass a file through Ajax along with other data in the form. Every data except the file is getting passed. I am sending an email with all the data using php. I am new to Ajax and tried many ways. But still not sure where I am going wrong.</p> <p>So here is my jQuery code</p> <pre><code>$(document).ready(function(){ $("#submitbtn").click(function(){ var uname = $("#uname").val(); var uemail= $("#uemail").val(); var subject= $("#subject").val(); var resume= $('input[type=file]').val(); var message= $("#message").val(); if(uname == '') { $("#errormsgs1").html("Please Enter Name"); $("#uname").css("border","1px solid #f00"); $("#uname").focus(); return false; } if(uemail == '') { $("#errormsgs2").html("Please Enter Email"); $("#uemail").css("border","1px solid #f00"); $("#uemail").focus(); return false; } if(subject == '') { $("#errormsgs3").html("Please Enter Subject"); $("#subject").css("border","1px solid #f00"); $("#subject").focus(); return false; } if(resume == '') { $("#errormsgs4").html("Please Enter Your Resume"); $("#resume").css("border","1px solid #f00"); $("#resume").focus(); return false; } if(message == '') { $("#errormsgs5").html("Please Enter Message"); $("#message").css("border","1px solid #f00"); $("#message").focus(); return false; } $("form#data").submit(function(){ var formData = new FormData(this); $.ajax({ url: mycareer.php, type: 'POST', data: formData, async: false, success: function (data) { alert(data) }, cache: false, contentType: false, processData: false }); return false; }); </code></pre> <p>Below is the mycareer.php file</p> <pre><code>&lt;?php $uname = $_POST['uname']; print_r($uname); $uemail = $_POST['uemail']; print_r($uemail); //$subject = $_POST['subject']; $resume = $_FILES['resume']; print_r($resume ); $message = $_POST['message']; print_r($message ); if($uname !='' &amp;&amp; $uemail !='') { $to = 'sayantan.m@gmail.in'; $subject = "My Career"; $message ='&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; &lt;head&gt; &lt;title&gt;Mycareer.in&lt;/title&gt; &lt;style type="text/css"&gt; div, p, a, li, td { -webkit-text-size-adjust:none; } .ReadMsgBody { width: 100%; background-color: #d1d1d1; } .ExternalClass { width: 100%; background-color: #d1d1d1; line-height:100%; } body { width: 100%; height: 100%; background-color: #d1d1d1; margin:0; padding:0; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust:100%; } html { width: 100%; } img { -ms-interpolation-mode:bicubic; } table[class=full] { padding:0 !important; border:none !important; } table td img[class=imgresponsive] { width:100% !important; height:auto !important; display:block !important; } @media only screen and (max-width: 800px) { body { width:auto!important; } table[class=full] { width:100%!important; } table[class=devicewidth] { width:100% !important; padding-left:20px !important; padding-right: 20px!important; } table td img.responsiveimg { width:100% !important; height:auto !important; display:block !important; } } @media only screen and (max-width: 640px) { table[class=devicewidth] { width:100% !important; } table[class=inner] { width:100%!important; text-align: center!important; clear: both; } table td a[class=top-button] { width:160px !important; font-size:14px !important; line-height:37px !important; } table td[class=readmore-button] { text-align:center !important; } table td[class=readmore-button] a { float:none !important; display:inline-block !important; } .hide { display:none !important; } table td[class=smallfont] { border:none !important; font-size:26px !important; } table td[class=sidespace] { width:10px !important; } } @media only screen and (max-width: 520px) { } @media only screen and (max-width: 480px) { table { border-collapse: collapse; } table td[class=template-img] img { width:100% !important; display:block !important; } } @media only screen and (max-width: 320px) { } &lt;/style&gt; &lt;/head&gt; &lt;body style="background:#f2f2f2;"&gt; &lt;table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" class="full"&gt; &lt;tr&gt; &lt;td height="54"&gt;&amp;nbsp;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;table width="100%" border="0" cellspacing="0" cellpadding="0" class="full"&gt; &lt;tr&gt; &lt;td align="center"&gt;&lt;table width="600" border="0" cellspacing="0" cellpadding="0" align="center" class="devicewidth"&gt; &lt;tr&gt; &lt;td&gt;&lt;table width="100%" bgcolor="#ffffff" border="0" cellspacing="0" cellpadding="0" align="center" class="full" style="border-radius:5px 5px 0 0; background-color:#ffffff;"&gt; &lt;tr&gt; &lt;td height="29"&gt;&amp;nbsp;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;table border="0" cellspacing="0" cellpadding="0" align="left" class="inner" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;"&gt; &lt;tr&gt; &lt;td width="23" class="hide"&gt;&amp;nbsp;&lt;/td&gt; &lt;td height="75" class="inner" valign="middle"&gt;&lt;a href="#"&gt;&lt;img class="logo" src="http://my.in/img/my-logo.png" width="180" height="61" alt="Logo" style="background: #000;padding: 10px;"&gt;&lt;/a&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;table width="150" border="0" cellspacing="0" cellpadding="0" align="right" class="inner" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;"&gt; &lt;tr&gt; &lt;td height="15"&gt;&amp;nbsp;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td align="center"&gt;&lt;a href="http://my.in/" class="top-button" style="font:bold 13px/37px Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none; background:#f47920; display:block; border-radius:24px; text-transform:uppercase;"&gt;View online&lt;/a&gt;&lt;/td&gt; &lt;td class="hide" width="20"&gt;&amp;nbsp;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td style="border-bottom:1px solid #dbdbdb;"&gt;&amp;nbsp;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;table width="100%" border="0" cellspacing="0" cellpadding="0" class="full"&gt; &lt;tr&gt; &lt;td align="center"&gt;&lt;table width="600" border="0" cellspacing="0" cellpadding="0" align="center" class="devicewidth"&gt; &lt;tr&gt; &lt;td&gt;&lt;table width="100%" bgcolor="#ffffff" border="0" cellspacing="0" cellpadding="0" align="center" class="full" style="background-color:#ffffff;"&gt; &lt;tr&gt; &lt;td height="23"&gt;&amp;nbsp;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;table width="100%" border="0" cellspacing="0" cellpadding="0" align="center"&gt; &lt;tr&gt; &lt;td width="23" class="sidespace"&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&lt;table width="76%" border="0" cellspacing="0" cellpadding="0" align="left" class="inner" id="banner" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;"&gt; &lt;!--&lt;tr&gt; &lt;td style="font:bold 20px Arial, Helvetica, sans-serif; border-right:1px solid #dbdbdb;color: #000;" class="smallfont"&gt;THE BEST NUTRITION PLANS ARE HERE&lt;/td&gt; &lt;/tr&gt;--&gt; &lt;tr&gt; &lt;td height="20"&gt;&amp;nbsp;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;!--&lt;table width="22%" border="0" cellspacing="0" cellpadding="0" align="right" class="inner" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;"&gt; &lt;tr&gt; &lt;td align="center"&gt;&lt;a href="https://www.facebook.com/quanutrition.bangalore?fref=ts" style="margin-top:5px; display:inline-block;"&gt;&lt;img src="http://www.quanutrition.com/images/facebook.png" width="32" height="atuo" alt="Social Media" /&gt;&lt;/a&gt;&lt;/td&gt; &lt;td align="center"&gt;&lt;a href="https://twitter.com/Qua_Nutrition?lang=en" style="margin-top:5px; display:inline-block;"&gt;&lt;img src="http://www.quanutrition.com/images/twitter.png" width="32" height="atuo" alt="Social Media" /&gt;&lt;/a&gt;&lt;/td&gt; &lt;td align="center"&gt;&lt;a href="https://plus.google.com/+quanutritionbestdietplans" style="margin-top:5px; display:inline-block;"&gt;&lt;img src="http://www.quanutrition.com/images/google.png" width="32" height="atuo" alt="Social Media" /&gt;&lt;/a&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td height="20"&gt;&amp;nbsp;&lt;/td&gt; &lt;td height="20"&gt;&amp;nbsp;&lt;/td&gt; &lt;td height="20"&gt;&amp;nbsp;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt;--&gt;&lt;/td&gt; &lt;td width="23" class="sidespace"&gt;&amp;nbsp;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;!--&lt;table width="100%" border="0" cellspacing="0" cellpadding="0" align="center"&gt; &lt;tr&gt; &lt;td width="3.33%" class="sidespace"&gt;&amp;nbsp;&lt;/td&gt; &lt;td width="93.33%"&gt;&lt;img class="imgresponsive" src="http://www.quanutrition.com/images/banner1.jpg" width="554" height="atuo" alt="Banner" /&gt;&lt;/td&gt; &lt;td width="3.33%" class="sidespace"&gt;&amp;nbsp;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td height="20"&gt;&amp;nbsp;&lt;/td&gt; &lt;td height="20"&gt;&amp;nbsp;&lt;/td&gt; &lt;td height="20"&gt;&amp;nbsp;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt;--&gt; &lt;table width="100%" border="0" cellspacing="0" cellpadding="0" align="center"&gt; &lt;tr&gt; &lt;td width="23" class="sidespace"&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&lt;table width="100%" border="0" cellspacing="0" cellpadding="0" align="left" class="inner"&gt; &lt;tr&gt; &lt;td style="font:15px/19px Arial, Helvetica, sans-serif;padding-bottom: 8px;width: 20%;color: #000;" class="smallfont"&gt;Name &lt;/td&gt; &lt;td style="font:15px/19px Arial, Helvetica, sans-serif;padding-bottom: 8px;color: #000;" class="smallfont" width="23"&gt;'.$uname.'&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td style="font:15px/19px Arial, Helvetica, sans-serif;padding-bottom: 8px;color: #000;" class="smallfont"&gt;Email &lt;/td&gt; &lt;td style="font:15px/19px Arial, Helvetica, sans-serif;padding-bottom: 8px;color: #000;" class="smallfont" width="23"&gt;'.$uemail.'&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td style="font:15px/19px Arial, Helvetica, sans-serif;padding-bottom: 8px;color: #000;" class="smallfont"&gt;Mobile &lt;/td&gt; &lt;td style="font:15px/19px Arial, Helvetica, sans-serif;padding-bottom: 8px;color: #000;" class="smallfont" width="23"&gt;'.$resume.'&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;tr&gt; &lt;td style="font:15px/19px Arial, Helvetica, sans-serif;padding-bottom: 8px;color: #000;" class="smallfont"&gt;Message:&lt;/td&gt; &lt;td style="font:15px/19px Arial, Helvetica, sans-serif;padding-bottom: 8px;color: #000;" class="smallfont" width="23"&gt;'.$message.'&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td height="20"&gt;&amp;nbsp;&lt;/td&gt; &lt;td class="hide" height="20"&gt;&amp;nbsp;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/td&gt; &lt;td width="23" class="sidespace"&gt;&amp;nbsp;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td height="16"&gt;&amp;nbsp;&lt;/td&gt; &lt;td height="16"&gt;&amp;nbsp;&lt;/td&gt; &lt;td height="16"&gt;&amp;nbsp;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td style="border-bottom:1px solid #dbdbdb;"&gt;&amp;nbsp;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" class="full"&gt; &lt;tr&gt; &lt;td align="center"&gt;&lt;table width="600" border="0" cellspacing="0" cellpadding="0" align="center" class="devicewidth"&gt; &lt;tr&gt; &lt;td&gt;&lt;table width="100%" bgcolor="#ffffff" border="0" cellspacing="0" cellpadding="0" align="center" class="full" style="border-radius:0 0 7px 7px;"&gt; &lt;tr&gt; &lt;td height="18"&gt;&amp;nbsp;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;table class="inner" align="right" width="340" border="0" cellspacing="0" cellpadding="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align:center;"&gt; &lt;tr&gt; &lt;td width="21"&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&lt;table width="100%" border="0" cellspacing="0" cellpadding="0" align="center"&gt; &lt;tr&gt; &lt;td&gt;&lt;table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" class="full"&gt; &lt;tr&gt; &lt;td height="18"&gt;&amp;nbsp;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;table class="inner" align="left" width="230" border="0" cellspacing="0" cellpadding="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align:center;"&gt; &lt;tr&gt; &lt;td width="21"&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&lt;table width="100%" border="0" cellspacing="0" cellpadding="0" align="center"&gt; &lt;tr&gt; &lt;td align="center" style="font:11px Helvetica, Arial, sans-serif; color:#000000;"&gt;&amp;copy; 2017, All rights reserved &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td height="18"&gt;&amp;nbsp;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt;&lt;/td&gt; &lt;td width="21"&gt;&amp;nbsp;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td height="20"&gt;&amp;nbsp;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/body&gt; &lt;/html&gt;'; $headers = "MIME-Version: 1.0" . " "; $headers .= "Content-type:text/html;charset=UTF-8" . " "; $headers .= 'From: mail@my.in' . " "; $headers .= 'Reply-to: '.$uemail.'' . " "; //$headers .= 'Cc: rajendra.b@my.in' . " "; $sent = mail($to,$subject,$message,$headers); echo "Thankyou for Contacting with us. We will get back you soon !!."; } else { echo "Please enter all the fields."; } ?&gt; </code></pre> <p>Below is the form</p> <pre><code>&lt;form action="purpledotcareer.php" id="fileUploadForm" method="post" enctype="multipart/form-data" onsubmit="return checkvalidate()"&gt; &lt;div class="form-group"&gt; &lt;label for="email"&gt;Enter Your Name:&lt;/label&gt; &lt;input type="text" class="form-control" id="uname" name="uname" onblur="if (this.value == '') {this.value = '';}" onfocus="this.value = '';" required="" type="text" value="" &gt; &lt;/div&gt; &lt;div class="form-group"&gt; &lt;label for="email"&gt;Email address:&lt;/label&gt; &lt;input type="email" class="form-control" id="uemail" name="uemail" onblur="if (this.value == '') {this.value = '';}" onfocus="this.value = '';" required="" type="text" value="" &gt; &lt;/div&gt; &lt;div class="form-group"&gt; &lt;label for="email"&gt;Message:&lt;/label&gt; &lt;textarea class="form-control" id="message" name="message" onblur="if (this.value == '') {this.value = '';}" onfocus="this.value = '';" required="" rows="3" &gt;&lt;/textarea&gt; &lt;/div&gt; &lt;div class="form-group"&gt; &lt;label for="email"&gt;Upload Resume:&lt;/label&gt; &lt;input type="file" class="form-control" id="resume" name="resume" onblur="if (this.value == '') {this.value = '';}" onfocus="this.value = '';" required="" accept=".xlsx,.xls,.doc, .docx,.ppt, .pptx,.txt,.pdf" &gt; &lt;/div&gt; &lt;button type="submit" id="btnSubmit" class="btn btn-default"&gt;Submit&lt;/button&gt; &lt;/form&gt; </code></pre> <p>It will be really helpful if anybody can solve this. Thanks in advance</p> </div>

AJAX数据类型JSON和HTML

<div class="post-text" itemprop="text"> <p>I am following a tutorial about ajax and I have made this script, where I get data as JSON and append them into a table:</p> <pre><code>$.ajax({ url: 'insert.php', type: 'POST', data: {data1: name, data2: phone, data3: address}, dataType: "json", success:function(res){ //if(data=="success") //{ //alert("Data added"); //console.log(arr.id); $("#trId").before("&lt;tr&gt;&lt;td&gt;"+res.emp_name+"&lt;/td&gt;&lt;td&gt;"+res.ph+"&lt;/td&gt;&lt;td&gt;"+res.add+"&lt;/td&gt;&lt;/tr&gt;"); //} }, error:function(res){ alert("data not added"); } </code></pre> <p>And here is the PHP code:</p> <pre><code>$insert = "INSERT into employee(emp_name, phone, address) VALUES (:emp_name, :ph, :add)"; $insertStmt = $conn-&gt;prepare($insert); $insertStmt-&gt;bindValue(":emp_name", $emp_name); $insertStmt-&gt;bindValue(":ph", $pos); $insertStmt-&gt;bindValue(":add", $address); $insertStmt-&gt;execute(); //echo "success"; $lastid = $conn-&gt;lastInsertId(); $res = array('name'=&gt;$emp_name, 'ph'=&gt;$pos, 'add'=&gt;$address, 'id'=&gt;$lastid); echo json_encode($res); </code></pre> <p>Our instructor asked us to transform this script, from JSON as datatype into HTML, and make the initial changes for it. But I can't figure out what should the PHP code returns now, and how to append the returned values into the table.</p> <p>Secondly, why some people use HTML as datatype while JSON is better ?</p> </div>

如何把页面Table的值传到jQuery里?

``` <!doctype html> <html> <head> <script type="text/javascript" src="http://cdn.hcharts.cn/jquery/jquery-1.8.3.min.js"></script> <script type="text/javascript" src="http://cdn.hcharts.cn/highcharts/highcharts.js"></script> <script type="text/javascript" src="http://cdn.hcharts.cn/highcharts/exporting.js"></script> <script type="text/javascript"> $(function (){ $('#container').highcharts({ title: { text: '?', }, xAxis: { categories: [] }, yAxis: { title: { text: '数据' }, }, series: [{ name: '?', data: [] }] }); }); </script> <script type="text/javascript"> $(function () { $('#container2').highcharts({ title: { text: '链球菌毒素O', }, xAxis: { categories: [] }, yAxis: { title: { text: '数据' }, }, series: [{ name: 'SBASO', data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6] }] }); }); </script> </head> <body> <h1>曲线图</h1> <!-- 第一个空图 --> <div id="container" style="width:300px;height:300px;float:left;"></div> <!-- 第二个有数据的图 --> <div id="container2" style="width:300px;height:300px;float:left;"></div> <table border="1" align="left"> <tr> <td>CName</td> <td>EName</td> <td>Time</td> <td>Date</td> </tr> <tr> <td>血小板</td> <td>HPLT</td> <td>1</td> <td>7.0</td> </tr> <tr> <td>血小板</td> <td>HPLT</td> <td>2</td> <td>6.9</td> </tr> <tr> <td>血小板</td> <td>HPLT</td> <td>3</td> <td>9.5</td> </tr> </table> </body> </html> ``` 大神们!直接把源码粘上就可以运行

AJAX从Servlet获得的json格式的值,怎么循环输出在表格中

``` $.ajax({ type :"post", url : "ShowOther?Start="+start+"&End="+end, async:false, dataType : "json", success : function(data) { if(data.alert==flag||data.alert=="no"){ alert("该时间段内无任何消费"); } else{ var title ="<table border='0' width='100%'><tr><td align='center'>" +"<tr><td align="center"><font size="3" color="black"><strong>流水号</strong></font></td>" +"<td align="center"><font size="3" color="black"><strong>消费地</strong></font></td>" +"<td align="center"><font size="3" color="black"><strong>总金额</strong></font></td>" +"<td align="center"><font size="3" color="black"><strong>时间</strong></font></td></tr>" +"<tr>"; for(m=0;m<data.size();m++){ title=title+"<tr>"; title=title+"<td><a href='#' onclick='alertWin("+data[m].Cno+");'>"+data[m].Cno+"</a></td>"; title=title+"<td>"+data[m].Cplace+"</td>"; title=title+"<td>"+data[m].Csum+"</td>"; title=title+"<td>"data[m].Ctime+"</td>"; title=title+"</tr>";} $("#table").html(title); } }, error : function(data) { alert("失败"); } }); } ``` 通过title把值输出在指定的div中,没有反应,但如果改成alert(“成功”);是有运行到的。

easyUi的datagrid无法从后台获取数据

代码如下 ``` <script type="text/javascript"> var setting = { data: { simpleData: { enable: true, idKey:"id", pIdKey:"pid" } }, callback: { onClick: zTreeOnClick } }; $(function(){ $.ajax({ url:"<%=request.getContextPath() %>/getDeptTree.action", data:{}, dataType:"json", type:"post", success:function(json){ $.fn.zTree.init($("#treeDemo"), setting, json); } }); }); function zTreeOnClick(event, treeId, treeNode) { var id = treeNode.id; var deptName = treeNode.name; alert(id+","+deptName); $("#dl").datagrid({ url:"<%=request.getContextPath()%>/getUserByDeptid.action?id="+id, columns:[[ {field:'id',title:'ID',width:100}, {field:'realname',title:'真实姓名',width:100}, {field:'loginname',title:'用户名',width:100}, {field:'asd',title:'职位',width:100}, {field:'mail',title:'邮箱',width:100}, {field:'sex',title:'性别',width:100}, {field:'tel',title:'电话',width:100}, {field:'qq',title:'QQ',width:100}, {field:'adddate',title:'入职日期',width:100}, {field:'lastlogin',title:'最后登录时间',width:100}, {field:'logintime',title:'访问次数',width:100}, {field:'caozuo',title:'操作',width:100} ]], fit:true, singleSelect:true }); }; </script> <div id="zuzhi" class="easyui-tabs" data-options="fit:true,border:false"> <div title="用户" style="display:none;"> <div id="用户" class="easyui-layout" data-options="fit:true"> <div data-options="region:'west',title:'部门结构',collapsible:true" style="width:150px;"> <ul id="treeDemo" class="ztree"> </ul> </div> <div data-options="region:'center'" style="padding:5px;background:#eee;"> <table id="dl"> <!-- <thead> <tr> <th data-options="field:'id',width:100">ID</th> <th data-options="field:'realname',width:100,editor:'text'">真实姓名</th> <th data-options="field:'loginname',width:100,editor:'text'">用户名</th> <th data-options="field:'asd',width:100,editor:'text'">职位</th> <th data-options="field:'mail',width:100,editor:'text'">邮箱</th> <th data-options="field:'sex',width:100,editor:'text'">性别</th> <th data-options="field:'tel',width:100,editor:'text'">电话</th> <th data-options="field:'qq',width:100,editor:'text'">QQ</th> <th data-options="field:'adddate',width:100,editor:'text'">入职日期</th> <th data-options="field:'lastlogin',width:100,editor:'text'">最后登录时间</th> <th data-options="field:'logintime',width:100,editor:'text'">访问次数</th> <th data-options="field:'caozuo',width:100">操作</th> </thead> --> </table> </div> </div> </div> <div title="权限" data-options="" style="display:none;"> 权限 </div> <div title="公司" data-options="" style="display:none;"> 公司 </div> <div title="动态" data-options="" style="display:none;"> 动态 </div> </div> ``` datagrid中的getUserByDeptid方法访问不到,但是treeNode.id和treeNode.name都可以alert出来,ztree也没问题

利用angular做一个嵌套表格进行统计

![图片说明](https://img-ask.csdn.net/upload/201912/11/1576032602_261756.png) 1、表格是一个html页面 ``` <table id="orderTable " class=" tableHelper table table-striped table-condensed table-bordered table-hover"> <thead> <tr> <th>编号</th> <th>姓名</th> <th>注册时间</th> <th>功能有效期</th> <th>状态</th> <th> </th> <th> </th> </tr> </thead> …… </table> ``` 2、主要逻辑是写在controller里面 3、具体要实现的是通过传入一个时间,进行相应的月份或者日统计,这里就麻烦大佬教我写月统计(本人前端小白,第一次上手angular,希望有大佬能教)

django bootstrap 模态框 数据无法动态加载

后台传递了一个list,然后我在循环中遍历,其他的都能遍历,到了模态框里就永远只能显示第一个了,我试过在js里让模态框隐藏时清除数据,还是没用。求帮助啊! 代码如下: {% for s in scenes%} <div class="caption"> <h3>{{s.name}}</h3> <div> <button class="btn btn-primary" data-toggle="modal" data-target="#mymodal" type="button" >详细</button> <div class="modal" id="themodal" tabindex="-1"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button> <h4 class="modal-title">详细内容</h4> </div> <div class="modal-body"> <table class="table table-striped"> <thead> <tr> <th>名字</th> <th>功率(w)</th> <th>开关</th> <th>温度(°c)</th> </tr> </thead> <tbody> <tr> <th>{{s.name}}</th> </tr> </tbody> </table> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button> <button type="button" class="btn btn-primary">保存</button> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal -->

flask如何将后端数据传到前端?

``` <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> {% extends "base.html" %} {% block title %}详情{% endblock %} {% block page_content %} <table class="table table-bordered"> <tr> <th>编号</th> <th>标题</th> <th>内容</th> </tr> {% for i in u %} <tr> <td>{{ i[0] }}</td> <td>{{ i[1] }}</td> <td>{{ i[2] }}</td> </tr> {% endfor %} </table> {% endblock %} ``` ``` <form action=" search" method="post"> <a>keyword:</a>:<input type="text" name="keyword"> <button type="submit">搜索</button> </form> ``` ``` def result(keyword): mydb = mysql.connector.connect( host="localhost", user="root", passwd="1234", database="oac" ) mycursor = mydb.cursor() sql1 = ("SELECT m_id,m_title,m_content FROM message where concat(m_content,m_title) like '%%%s%%' " %keyword) mycursor.execute(sql1) u = mycursor.fetchall() mydb.commit() return u @app.route('/search',methods=["post","get"]) def search(): keyword=request.form.get('keyword') res=result(keyword) print(res) return render_template('result.html',res=res) ``` 一个基于flask的搜索框 后端输出的数据都是对的,但是HTML页面上没有显示

求问,如何做一个二级联动的下拉表单(select),每点击一下按钮,表单增加一行。

求问,如何做一个二级联动的下拉表单(select),每点击一下按钮,表单增加一行。我现在的问题是,表单增加后,二级联动就没有效果了。 这是html和表单元素代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/tab.js"></script> <script type="text/javascript" src="js/select2.js"></script> <link href="css/select2.css" rel="stylesheet"/> </style> </head> <body> <br> <table class="table" > <thead> <tr> <th>厚度</th> <th>光度</th> <th>外观</th> </tr> </thead> <tbody> <tr id="a"> <td> <div class="demo"> <div id="city_5"> <select class="prov"></select> <select class="city" disabled="disabled"></select> <select class="dist" disabled="disabled"></select> </div> </div> </td> <td><input type="" name=""></td> <td><input type="" name=""></td> </tr> </tbody> </table> <button onclick="fun()">增加一行</button> <button onclick="del()">删除一行</button> <script type="text/javascript" src="jquery.cityselect.js"></script> <script type="text/javascript"> $(function() { $("#city_5").citySelect({ url: {"citylist": [ {"p": "前端课程", "c": [{"n": "HTML5"}, {"n": "CSS3", "a": [{"s": "HTML"}, {"s": "AJAX"}]}, {"n": "JSON"}]}, {"p": "编程语言", "c": [{"n": "C"}, {"n": "C++"}, {"n": "Python"}, {"n": "PHP"}, {"n": "JAVA"}]}, {"p": "数据库", "c": [{"n": "Mysql"}, {"n": "SqlServer"}, {"n": "Oracle"}, {"n": "Mssql"}]}, ]}, prov: "", city: "", dist: "", nodata: "none" }); }); </script> </body> </html> 这是增加一行的代码 var i = 1; $(".td").each(function(){ $(this).html(i++); }) function fun(){ var $td = $("#a").clone(); //增加一行,克隆第一个对象 $(".table").append($td); var i = 1; $(".td").each(function(){ //增加一行后重新更新序号1,2,3...... $(this).html(i++); }) $("table tr:last").find(":input").val(''); //将尾行元素克隆来的保存的值清空 } function del(){ $("table tr:not(:first):not(:first):last").remove(); //移除最后一行,并且保留前两行 } 这是二级联动代码 /* Ajax 三级省市联动 http://code.ciaoca.cn/ 日期:2012-7-18 settings 参数说明 ----- url:省市数据josn文件路径 prov:默认省份 city:默认城市 dist:默认地区(县) nodata:无数据状态 required:必选项 ------------------------------ */ (function($) { $.fn.citySelect = function(settings) { if (this.length < 1) { return; } ; // 默认值 settings = $.extend({ url: "city.min.js", prov: null, city: null, dist: null, nodata: null, required: true }, settings); var box_obj = this; var prov_obj = box_obj.find(".prov"); var city_obj = box_obj.find(".city"); var dist_obj = box_obj.find(".dist"); var prov_val = settings.prov; var city_val = settings.city; var dist_val = settings.dist; var select_prehtml = (settings.required) ? "" : "<option value=''>请选择</option>"; var city_json; // 赋值市级函数 var cityStart = function() { var prov_id = prov_obj.get(0).selectedIndex; if (!settings.required) { prov_id--; } ; city_obj.empty().attr("disabled", true); dist_obj.empty().attr("disabled", true); if (prov_id < 0 || typeof (city_json.citylist[prov_id].c) == "undefined") { if (settings.nodata == "none") { city_obj.css("display", "none"); dist_obj.css("display", "none"); } else if (settings.nodata == "hidden") { city_obj.css("visibility", "hidden"); dist_obj.css("visibility", "hidden"); } ; return; } ; // 遍历赋值市级下拉列表 temp_html = select_prehtml; $.each(city_json.citylist[prov_id].c, function(i, city) { temp_html += "<option value='" + city.n + "'>" + city.n + "</option>"; }); city_obj.html(temp_html).attr("disabled", false).css({"display": "", "visibility": ""}); distStart(); }; // 赋值地区(县)函数 var distStart = function() { var prov_id = prov_obj.get(0).selectedIndex; var city_id = city_obj.get(0).selectedIndex; if (!settings.required) { prov_id--; city_id--; } ; dist_obj.empty().attr("disabled", true); if (prov_id < 0 || city_id < 0 || typeof (city_json.citylist[prov_id].c[city_id].a) == "undefined") { if (settings.nodata == "none") { dist_obj.css("display", "none"); } else if (settings.nodata == "hidden") { dist_obj.css("visibility", "hidden"); } ; return; } ; // 遍历赋值市级下拉列表 temp_html = select_prehtml; $.each(city_json.citylist[prov_id].c[city_id].a, function(i, dist) { temp_html += "<option value='" + dist.s + "'>" + dist.s + "</option>"; }); dist_obj.html(temp_html).attr("disabled", false).css({"display": "", "visibility": ""}); }; var init = function() { // 遍历赋值省份下拉列表 temp_html = select_prehtml; $.each(city_json.citylist, function(i, prov) { temp_html += "<option value='" + prov.p + "'>" + prov.p + "</option>"; }); prov_obj.html(temp_html); // 若有传入省份与市级的值,则选中。(setTimeout为兼容IE6而设置) setTimeout(function() { if (settings.prov != null) { prov_obj.val(settings.prov); cityStart(); setTimeout(function() { if (settings.city != null) { city_obj.val(settings.city); distStart(); setTimeout(function() { if (settings.dist != null) { dist_obj.val(settings.dist); } ; }, 1); } ; }, 1); } ; }, 1); // 选择省份时发生事件 prov_obj.bind("change", function() { cityStart(); }); // 选择市级时发生事件 city_obj.bind("change", function() { distStart(); }); }; // 设置省市json数据 if (typeof (settings.url) == "string") { $.getJSON(settings.url, function(json) { city_json = json; init(); }); } else { city_json = settings.url; init(); } ; }; })(jQuery);

ajax 返回值乱码

我想用ajax+struts1.2实现一个选择公司名称后级联显示与公司相对应部门名称,出现的问题是返回值乱码(????) 请各位大虾傍明解决哈。。 代码如果下: JSP代码: <table> <tr> <td>所属公司:td> <td> <select id="companyName" onchange="refreshList()"> <option value="请选择..">请选择.. </option> <option value="公司1">公司1 </option> <option value="公司2">公司2 </option> <option value="公司3">公司3 </option> </select> </td> </tr> <tr> <td>所属部门: </td> <td> <select id="departmentName" > <option value="请选择..">请选择.. </option> </select> </td> </tr> </table> -------------------------------------------- JS代码: //创建xmlHttp var xmlHttp; //发送请求函数 function createXMLHttpRequest(url){ if (window.XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); }else if (window.ActiveXObject) { xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } if(xmlHttp){ xmlHttp.open("get", url, true); xmlHttp.onreadystatechange = processResponse; xmlHttp.send(null); } } //处理返回函数 function processResponse() { if(xmlHttp.readyState==4) { if(xmlHttp.status==200) { updateList(); }else { alert("您所请求的页面有异常!!"); } } } //更新列表函数 function refreshList() { var companyName=document.getElementById("companyName").value; if(companyName=="请选择..") { clearList(); return; } var url="selectDepartment.do?companyName="+companyName; alert(url); createXMLHttpRequest(url); } //清楚列表框中的所有函数 function clearList() { var departmentName=document.getElementById("departmentName"); while(departmentName.childNodes.length>0) {departmentName.removeChild(departmentName.childNodes[0]);} } //更新列表函数 function updateList() { clearList(); var departmentName=document.getElementById("departmentName"); var results=xmlHttp.responseXML.getElementsByTagName("name"); var option=null; for(var i=0;i <results.length;i++) { option=document.createElement("option"); //option.appendChild(document.createTextNode("1111")); alert(results[i].firstChild.nodeValue); var message=document.createTextNode(results[i].firstChild.nodeValue); option.appendChild(message); departmentName.appendChild(option); } } ------------------------------------------ action代码: public class SelectDepartment extends Action { private CompanyManage companyManage; public void setCompanyManage(CompanyManage companyManage) { this.companyManage = companyManage; } @Override public ActionForward execute(ActionMapping mapping, ActionForm form, HttpServletRequest request, HttpServletResponse response) throws Exception { PrintWriter out=response.getWriter(); response.setContentType("text/xml;charset=UTF-8"); response.setHeader("Cache-Control", "no-cache"); String companyName=request.getParameter("companyName"); System.out.println(companyName); //根据公司名称返回此公司所包含的部门名称集合 List <String> strlist = companyManage.getDepartmentNamelistByCompanyName(name); out.write(" <response>"); for(int i=0;i <strlist.size();i++) { out.write(" <name>"+strlist.get(i)+name>"); } out.write(" </response>"); out.close(); System.out.println(out.toString()); return null; } } --------------------------------- 问题描述:在JS里用alert();方式可以取出正确的中文值,在action里System.out.println(companyName); 也能打印出传入的中文值,用Debug方式可以查看到strlist 的返回值为companyName数据库里对应的部门名称值 最后在页面显示出的部门名称为乱码.

JAVASCRIPT:传递的参数是“未定义”

<div class="post-text" itemprop="text"> <p>I'm creating a page that should read data from the database, display it as a table, and allow row-wise editing of the entries (using AJAX calls). Here are brief code snippets where the problem comes -</p> <p>Javascript: </p> <pre><code>function editParam(bname, button) { alert(bname); //this part doesn't happen, the error on console comes up before it tr = button.parentNode; while (tr &amp;&amp; tr.nodeName.toUpperCase() !== "TR" &amp;&amp; tr.nodeName.toUpperCase() !== "BODY") { tr = tr.parentNode; } if (!tr || tr.nodeName.toUpperCase() !== "TR") { return; } //some more code } </code></pre> <p>PHP:</p> <pre><code>//get $row_users['Name'] while ($row_users = mysqli_fetch_array($results)) { echo "&lt;form method='POST'&gt; //some &lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt; &lt;button onclick='editParam(".$row_users['Name'].", this)'&gt;Edit&lt;/button&gt; &lt;/form&gt;"; } </code></pre> <p>My data in the column Name is like "B1", "C2", etc. </p> <p>Error onclick of button : <strong>B1 is not defined.</strong></p> <p>While running the code for other text or numbers, it worked fine. So I understand that my problem has to do with the datatype. However, I do not know how resolve the same. </p> <p>Any suggestions would be much appreciated, thanks! </p> </div>

Ajax无刷新提交表单并搜索数据库

![![图片说明](https://img-ask.csdn.net/upload/201603/22/1458634248_267260.png)图片说明](https://img-ask.csdn.net/upload/201603/22/1458634237_360971.png) 大家看图也能明白我的意思。页面中包含两个框架,下面的框架就是主要的问题所在。两个下拉列表联动已经会做了,现在想要点击“确定”后提交表单并在下面显示出数据库查询结果,但同时下拉列表不能刷新,保持选择的项目状态。目前点击按钮后会出现第二图的情况,恶心死我了。 我参考Shelley Powershot的《JavaScript学习指南》,可是却没能达到我想要的效果。提交表单是大概只能用post方法了吧……求大神相助,可以提供思路,提供参考文献或者指正我的代码 sd_help.php如下: ``` <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="style.css" type="text/css" rel="stylesheet"> <script type="text/javascript" src="jquery-1.3.2.min.js"></script> </head> <body class="font"> <div align="center"><font size="4px">选择您需要的帮助</font></div><br> <form name="search" action="search_db.php" method="post"> <div align="center"> <select name="domain" id="domain" onChange="redirec(document.search.domain.options.selectedIndex)"> <option selected value="0">请选择</option> <option value="1">体育</option> <option value="2">艺术</option> <option value="3">文史</option> </select>&nbsp;&nbsp;&nbsp;&nbsp; <select name="items" id="items"> <option value="0" selected>请选择</option> </select>&nbsp;&nbsp; <input type="submit" value="确定" id="submitButton"/> </form> </div> <script language="javascript"> //获取一级菜单长度 var groups = document.search.domain.options.length; var group = new Array(groups); //把一级菜单都设为数组 for (i=0; i<groups; i++) { group[i] = new Array();} //定义基本选项 group[0][0] = new Option("请选择", "0"); group[1][0] = new Option("足球", "1"); group[1][1] = new Option("篮球", "2"); group[1][2] = new Option("乒乓球", "3"); group[2][0] = new Option("歌唱", "4"); group[2][1] = new Option("舞蹈", "5"); group[2][2] = new Option("乐器", "6"); group[3][0] = new Option("小说", "7"); group[3][1] = new Option("散文", "8"); group[3][2] = new Option("诗词", "9"); //联动函数 function redirec(x) { var temp = document.search.items; for (i=0;i<group[x].length;i++) { temp.options[i]=new Option(group[x][i].text,group[x][i].value);} temp.options[0].selected=true; } //<![CDATA[ //全局变量 var xmlHttpObj; function catchEvent(eventObj,event,eventHandler){ if(eventObj.addEventListener){ eventObj.addEventListener(event,eventHandler,false); }else if(eventObj.attachEvent){ event="on"+event; eventObj.attachEvent(event,eventHandler); } } catchEvent(window,"load",function(){ //document.getElementById("helps").style.display="block"; document.getElementById("items").onchange=populateList; //document.getElementById("submitButton").style.display="none"; }); //创建XHR对象 function getXmlHttp(){ var xmlhttp=null; if(window.XMLHttpRequest){ xmlhttp=new XMLHttpRequest(); if(xmlhttp.overrideMimeType){ xmlhttp.overrideMimeType('text/html'); } }else if(window.ActiveObject){ xmlhttp=new ActiveObject("Microsoft.XMLHTTP"); } return xmlhttp; } //准备并发送XHR请求 function populateList(){ var items=document.getElementById("items").value; var url='search_db.php'; var qry="items="+items; //如果xmlHttpObj为空 if(!xmlHttpObj) xmlHttpObj=getXmlHttp(); if(!xmlHttpObj) return; xmlhttp.open('POST',url,true); xmlhttp.onreadystatechange=getItems; xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); xmlhttp.send(qry); } //处理返回的数据 function getItems(){ if(xmlHttpObj.readyState==4&&xmlHttpObj.status==200){ document.getElementById('helps').innerHTML=xmlHttpObj.responseText; }else if(xmlHttpObj.readyState==4&&xmlHttpObj.status!=200){ document.getElementById('helps').innerHTML='请求出错误!'; } } //]]> </script> <div align="center"> <table><tr><td id="helps"></td></tr></table> </div> </body> ``` search_db.php如下(暂为演示,所以没有执行数据库查询): ``` <?php if(empty($_QUEST['items'])){ echo "未传入items值!悲剧!"; } else echo ($_QUEST['items']); ?> ```

post提交表单,Controller根本进不去

# **jsp:** <form id="itemAddForm" class="itemForm" method="post"> <table cellpadding="8" border="1"> <tr><td>商品类目:</td><td> <a href="javascript:void(0)" class="easyui-linkbutton selectItemCat">选择类目</a> <input type="hidden" name="cid" style="width: 280px;"></input></td></tr><tr> <td>商品标题:</td><td> <input class="easyui-textbox" type="text" id="title" name="title" data-options="required:true" style="width: 280px;"></input> </td></tr><tr><td>购入日期:</td><td> <input class="easyui-datebox" type="text" name="buydate" data-options="required:true"></input> </td></tr><tr><td>商品进价(J):</td><td> <input class="easyui-numberbox" type="text" name="buyprice" data-options="min:1,max:99999999,precision:0,required:true" /> </td></tr><tr><td>日本国内运费(J):</td><td> <input class="easyui-numberbox" type="text" name="japanfareprice" data-options="min:1,max:99999999,precision:0,required:true" /> </td></tr><tr><td>国际运费(J):</td><td> <input class="easyui-numberbox" type="text" name="interfareprice" data-options="min:1,max:99999999,precision:0,required:true" /> </td></tr><tr><td>国内运费(C):</td><td> <input class="easyui-numberbox" type="text" name="chinafareprice" data-options="min:1,max:99999999,precision:0,required:true" /> </td></tr><tr><td>关税(C):</td><td> <input class="easyui-numberbox" type="text" name="taxprice" data-options="min:1,max:99999999,precision:0,required:true" /> </td></tr><tr><td>商品售价(C):</td><td> <input class="easyui-numberbox" type="text" name="sellprice" data-options="min:1,max:99999999,precision:0,required:true" /> </td></tr> </table> <input type="hidden" name="itemParams"/> </form> <div style="padding:5px"> <a href="javascript:void(0)" class="easyui-linkbutton" onclick="submitForm()">提交</a> <a href="javascript:void(0)" class="easyui-linkbutton" onclick="clearForm()">重置</a> </div> </div> ``` <script type="text/javascript"> //ajax的post方式提交表单 function submitForm(){ $.post("/item/save",$("#itemAddForm").serialize(), function(data){ if(data.status == 200){ $.messager.alert('提示','新增商品成功!'); }else{ $.messager.alert('提示','新增商品失败!'); }}); } function clearForm(){ $('#itemAddForm').form('reset'); itemAddEditor.html(''); } ``` </script> ## **Controller:** @Controller @RequestMapping("/item") public class ItemController { @Autowired private ItemService itemService; @RequestMapping(value="/save",method=RequestMethod.POST) @ResponseBody public TaotaoResult createItem(TbItem item) { TaotaoResult result = itemService.createItem(item); return result; }} ## **pojo:** ``` public class TbItem { private Long id; private String title; private Date buydate; private Integer buyprice; private Integer japanfareprice; private Integer interfareprice; private Integer chinafareprice; private Integer taxprice; private Integer sellprice; private Long cid; private Byte status; private Date created; private Date updated; get。。。 set。。。 } ``` 好几天了,提交form表单但是Controller就是进不去,不知道为什么?求大神帮忙看看,谢谢

求大神SSH开发下如何从jsp回传对象给action

SSH开发下利用如下删除方法,要传个对象 getHibernateTemplate().delete(Object obj); action等配置以写好、求问jsp中怎么写 ``` <c:forEach var="stu" items="${stuList }" varStatus="status"> <tr> <td>${stu.studentNo }</td> <td>${stu.studentName }</td> <td> <fm:formatDate value="${stu.bornDate }" pattern="yyyy-MM-dd"/> </td> <td>${stu.classes.cname }</td> <td> <a href="delete">删除</a> </td> </tr> </c:forEach> <tr align="center"><td colspan="5"><a href="add.jsp">添加</a></td></tr> </table> ```

如何将数据从记录表传递到Modal以进行编辑

<div class="post-text" itemprop="text"> <p>I know this has been asked a lot but I haven't found any of the answers to the issue to be very fruitful. I essentially have a table inside a view that is displayed using a foreach loop in PHP, this spits out the records one by one and appends some 'Action' buttons in the last column (download, delete and edit). The download and delete functions work perfectly, I just pass the ID in from each record in the foreach loop, job done.</p> <p>I'm having a lot of issues with my modal though, it only ever displays the data from the first record when I echo the data in the 'value' field of each input. I'm really stumped on how to make this functionality work (JQuery is not my strongest language). I've seen some responses talking about Ajax, but I'd rather not use Ajax in this project. I'm using the codeigniter framework also for some more info.</p> <p>I think the issue is that the modal is only created once when the foreach loop starts running, hence why it only ever has the first record data inside the modal, any help to get around this so I can edit each individual record inside the table would be great! Thanks for the help.</p> <p>HTML/PHP:</p> <pre><code>&lt;div class="container" id="widecontainer"&gt; &lt;h1 id="title"&gt;VMS Failure Records&lt;/h1&gt; &lt;br&gt; &lt;!-- print table with results onto view.php --&gt; &lt;table class="table table-bordered" id="record"&gt; &lt;?php if($results) : ?&gt; &lt;thead&gt; &lt;tr style="background-color: #d3d3d3;"&gt; &lt;th&gt;ID&lt;/th&gt; &lt;th&gt;VSM S/N&lt;/th&gt; &lt;th&gt;VM S/N&lt;/th&gt; &lt;th&gt;Project&lt;/th&gt; &lt;th&gt;Site&lt;/th&gt; &lt;th&gt;Install Loc&lt;/th&gt; &lt;th&gt;Observed During&lt;/th&gt; &lt;th&gt;Comments&lt;/th&gt; &lt;th&gt;Reported By&lt;/th&gt; &lt;th&gt;Replaced With&lt;/th&gt; &lt;th&gt;Date&lt;/th&gt; &lt;th&gt;Failure Classification&lt;/th&gt; &lt;th&gt;Action&lt;/th&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;tbody&gt; &lt;!-- foreach result place it in row in table --&gt; &lt;?php foreach($results as $res) : ?&gt; &lt;tr&gt; &lt;td&gt;&lt;?php echo $res['id'] ?&gt;&lt;/td&gt; &lt;td&gt;&lt;?php echo $res['vsm_sn'] ?&gt;&lt;/td&gt; &lt;td&gt;&lt;?php echo $res['vm_sn'] ?&gt;&lt;/td&gt; &lt;td&gt;&lt;?php echo $res['project'] ?&gt;&lt;/td&gt; &lt;td&gt;&lt;?php echo $res['site'] ?&gt;&lt;/td&gt; &lt;td&gt;&lt;?php echo $res['install_location'] ?&gt;&lt;/td&gt; &lt;td&gt;&lt;?php echo $res['observed_during'] ?&gt;&lt;/td&gt; &lt;td&gt;&lt;?php echo $res['comments'] ?&gt;&lt;/td&gt; &lt;td&gt;&lt;?php echo $res['reported_by'] ?&gt;&lt;/td&gt; &lt;td&gt;&lt;?php echo $res['replaced_with'] ?&gt;&lt;/td&gt; &lt;td&gt;&lt;?php echo $res['date'] ?&gt;&lt;/td&gt; &lt;td&gt;&lt;?php echo $res['classification'] ?&gt;&lt;/td&gt; &lt;td&gt; &lt;?php echo form_open('/pages/delete/'. $res['id']); ?&gt; &lt;button type="submit" class="btn btn-danger delete_btn" id="delete_btn" target="#confirmation"&gt; &lt;i class="fa fa-trash" aria-hidden="true"&gt;&lt;/i&gt; &lt;/button&gt; &lt;!-- Modal displays when user clicks delete, asking them to confirm the deletion --&gt; &lt;div id="confirm" name="confirm" class="modal fade"&gt; &lt;div class="modal-dialog"&gt; &lt;div class="modal-content"&gt; &lt;div class="modal-header"&gt; &lt;button type="button" class="close" data-dismiss="modal"&gt;&amp;times;&lt;/button&gt; &lt;h4 class="modal-title"&gt;Delete Record &lt;i class="fa fa-trash" aria-hidden="true"&gt;&lt;/i&gt;&lt;/h4&gt; &lt;/div&gt; &lt;div class="modal-body"&gt; &lt;p style="color: red;"&gt;&lt;strong&gt;Deleting this record will delete .PDF and QRCode Data.&lt;/strong&gt;&lt;/p&gt; &lt;p&gt;Are you sure you want to delete this record?&lt;/p&gt; &lt;/div&gt; &lt;div class="modal-footer"&gt; &lt;button type="button" data-dismiss="modal" class="btn btn-danger" id="delete"&gt;Delete&lt;/button&gt; &lt;button type="button" data-dismiss="modal" class="btn"&gt;Cancel&lt;/button&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/form&gt; &lt;!--Modal displays to allow user to download the selected record. --&gt; &lt;?php echo form_open('/pages/downloadFile/'. $res['id']); ?&gt; &lt;button type="submit" class="btn btn-primary" alt="Download .pdf"&gt; &lt;i class="fa fa-download" aria-hidden="true"&gt;&lt;/i&gt; &lt;/button&gt; &lt;/form&gt; &lt;form&gt; &lt;button type="button" class="btn btn-success update_btn" id="update_btn" data-toggle="modal" data-target="#myModal" vsm-sn="&lt;?php echo $res['vsm_sn'];?&gt;" record-id="&lt;?php echo $res['id']; ?&gt;"&gt; &lt;i class="fa fa-pencil" aria-hidden="true"&gt;&lt;/i&gt; &lt;/button&gt; &lt;/form&gt; &lt;!-- Modal --&gt; &lt;div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"&gt; &lt;div class="modal-dialog" role="document"&gt; &lt;div class="modal-content"&gt; &lt;div class="modal-header"&gt; &lt;button type="button" class="close" data-dismiss="modal" aria-label="Close"&gt;&lt;span aria-hidden="true"&gt;&amp;times;&lt;/span&gt;&lt;/button&gt; &lt;h4 class="modal-title" id="myModalLabel"&gt;Update Record&lt;/h4&gt; &lt;/div&gt; &lt;div class="modal-body"&gt; &lt;form id="profileForm"&gt; &lt;input type="hidden" class="form-control" name="id" value=""&gt; VSM SN : &lt;input class="form-control" name="vsm_sn" value="" placeholder="VSM SN"&gt; &lt;/form&gt; &lt;/div&gt; &lt;div class="modal-footer"&gt; &lt;button type="button" class="btn btn-default" data-dismiss="modal"&gt;Close&lt;/button&gt; &lt;button type="button" class="btn btn-primary"&gt;Save changes&lt;/button&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;?php endforeach; ?&gt; &lt;!-- If there are no results, display table headings and message --&gt; &lt;?php elseif(!$results) : ?&gt; &lt;thead&gt; &lt;tr&gt; &lt;th&gt;ID&lt;/th&gt; &lt;th&gt;VSM S/N&lt;/th&gt; &lt;th&gt;VM S/N&lt;/th&gt; &lt;th&gt;Project&lt;/th&gt; &lt;th&gt;Site&lt;/th&gt; &lt;th&gt;Install Loc&lt;/th&gt; &lt;th&gt;Observed During&lt;/th&gt; &lt;th&gt;Comments&lt;/th&gt; &lt;th&gt;Reported By&lt;/th&gt; &lt;th&gt;Replaced With&lt;/th&gt; &lt;th&gt;Date&lt;/th&gt; &lt;th&gt;Failure Classification&lt;/th&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;tbody&gt; &lt;h3 style="color: red;"&gt;No Results to Display&lt;/h3&gt; &lt;/tbody&gt; &lt;?php endif; ?&gt; &lt;/tbody&gt; &lt;/table&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <p>JQUERY:</p> <pre><code>$('#myModal').on('show.bs.modal', function (e) { // get information to update quickly to modal view as loading begins var opener=e.relatedTarget;//this holds the element who called the modal //we get details from attributes var vsm_sn=$(opener).attr('vsm-sn'); //set what we got to our form $('#profileForm').find('[name="vsm_sn"]').val(vsm_sn); }); </code></pre> </div>

highchart实时刷新数据,x轴不显示所需时间

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default1.aspx.cs" Inherits="HighchartsDemo._Default1" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>汽油吸附脱硫装置2#S-ZORB</title> <!-- 注意文件名应该和你下载的文件名保持一致 --> <script type="text/javascript"src="HighCharts/jquery-1.8.3.min.js"></script> <script type="text/javascript"src="HighCharts/highcharts.js"></script> <script type="text/javascript"src="HighCharts/TimeConvertor.js"></script> </head> <body> <script type="text/javascript"> //<![CDATA[ $(function (datetimeCom, growth) { // Highcharts.Chart Begin Highcharts.setOptions({ global: { useUTC: false //当X轴类型为datetime日期时间型的,需要设置时区 } }); //声明报表对象 var chart = new Highcharts.Chart({ chart: { //将报表对象渲染到层上 renderTo: 'container', //图表放置的容器,DIV defaultSeriesType: 'spline', //图表类型为曲线图,可取值有:line、spline、area、areaspline、bar、column等 events: { load: loadTime } }, //chart end title: { text: '汽油吸附脱硫装置2#S-ZORB曲线' }, yAxis: { title: { text: '2#S-ZORB实时值' } }, xAxis: { title: { text: '时间' }, type: 'datetime', //坐标间隔 labels: { step: 10, // formatter: function () { // return Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', this.value); // } } }, //鼠标放在某个点上时的提示信息 //dateFormat,numberFormat是highCharts的工具类 tooltip: { formatter: function () { return '<b>' + this.series.name + '</b><br/>' + Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', this.xtime) + '<br/>' + this.x + '<br/>' + Highcharts.numberFormat(this.y, 2); } }, //设定报表对象的初始数据 series: [{ name: '2#S-ZORB实时值', data: [] }] }); //获取初始化数据 getInitialData(); //Highcharts.Chart end //获取初始化30分钟数据 function getInitialData() { $.ajax({ type: "Post", //后台获取数据的函数,注意当对该页面重命名时, //必须手动更改该选项 url: "Default1.aspx/getInitialDataByAjax", contentType: "application/json;charset=utf-8", dataType: "json", //成功获取数据 success: function (result) { data = jQuery.parseJSON(result.d); //JSON再次转换为Table 形式; var datetimeCom = '['; var growth = '['; for (var i = 0; i < data.length; i++) { datetimeCom += "\'" + ConertJsonTimeAndFormat(data[i]["x"], 'yyyy/MM/dd hh:mm:ss') + "\',"; growth += data[i]["y"] + ","; } if (datetimeCom != '[') { datetimeCom = datetimeCom.substr(0, datetimeCom.length - 1) + "]"; growth = growth.substr(0, growth.length - 1) + "]"; } chart.xAxis[0].setCategories(eval(datetimeCom)); chart.series[0].setData(eval(growth)); //显示错误 }, error: function (err) { alert(err + "初始化程序出现错误,请尝试刷新!"); } }); } // 每分钟获取后台数据 function getActualData() { var x = (new Date()).getTime(); // 当前时间 $.ajax({ type: "Post", //后台获取数据的函数,注意当对该页面重命名时, //必须手动更改该选项 url: "Default1.aspx/getDataTableByAjax", contentType: "application/json;charset=utf-8", dataType: "json", //成功获取数据 success: function (result) { data = jQuery.parseJSON(result.d); //JSON再次转换为Table 形式; var series = chart.series[0]; series.addPoint([data[0]["x"], data[0]["y"]], false, true); // alert(data[0]["x"]); // var datetimeCom = '['; // for (var i = 0; i < data.length; i++) { // datetimeCom += "\'" + data[i]["x"] + "\',"; // } // if (datetimeCom != '[') { // datetimeCom = datetimeCom.substr(0, datetimeCom.length - 1) + "]"; // } // chart.xAxis[0].setCategories(eval(datetimeCom)); chart.redraw(); }, //显示错误 error: function (err) { alert(err + "调用后台程序出现错误,请尝试刷新!"); } }); } function loadTime() { window.setInterval(getActualData, 2000); } // $(document).ready(function () { // //每隔1分钟自动调用方法,实现图表的实时更新 60000 // window.setInterval(getActualData, 2000); // }); }); //]]> // 后台Date前台转换json格式 function JsonDateFormat(cellval) { var date = new Date(parseInt(cellval.replace("/Date(", "").replace(")/", ""), 10)); var month = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1; var currentDate = date.getDate() < 10 ? "0" + date.getDate() : date.getDate(); return date.getFullYear() + "-" + month + "-" + currentDate; } </script> <div id="container" style="width: 800px; height: 600px; margin: 0 auto"></div> </body> </html> 后台传入数据格式为DataTable。 在线等啊,请高手指教!!!

学Python后到底能干什么?网友:我太难了

感觉全世界营销文都在推Python,但是找不到工作的话,又有哪个机构会站出来给我推荐工作? 笔者冷静分析多方数据,想跟大家说:关于超越老牌霸主Java,过去几年间Python一直都被寄予厚望。但是事实是虽然上升趋势,但是国内环境下,一时间是无法马上就超越Java的,也可以换句话说:超越Java只是时间问题罢。 太嚣张了会Python的人!找工作拿高薪这么简单? https://edu....

大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了

大学四年,看课本是不可能一直看课本的了,对于学习,特别是自学,善于搜索网上的一些资源来辅助,还是非常有必要的,下面我就把这几年私藏的各种资源,网站贡献出来给你们。主要有:电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意:文中提到的所有资源,文末我都给你整理好了,你们只管拿去,如果觉得不错,转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...

在中国程序员是青春饭吗?

今年,我也32了 ,为了不给大家误导,咨询了猎头、圈内好友,以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助,记得帮我点赞哦。 目录: 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时,拿着傲人的工资,想着好好干,以为我们的人生是这样的: 等真到了那一天,你会发现,你的人生很可能是这样的: ...

为什么程序猿都不愿意去外包?

分享外包的组织架构,盈利模式,亲身经历,以及根据一些外包朋友的反馈,写了这篇文章 ,希望对正在找工作的老铁有所帮助

Java校招入职华为,半年后我跑路了

何来 我,一个双非本科弟弟,有幸在 19 届的秋招中得到前东家华为(以下简称 hw)的赏识,当时秋招签订就业协议,说是入了某 java bg,之后一系列组织架构调整原因等等让人无法理解的神操作,最终毕业前夕,被通知调往其他 bg 做嵌入式开发(纯 C 语言)。 由于已至于校招末尾,之前拿到的其他 offer 又无法再收回,一时感到无力回天,只得默默接受。 毕业后,直接入职开始了嵌入式苦旅,由于从未...

Java基础知识面试题(2020最新版)

文章目录Java概述何为编程什么是Javajdk1.5之后的三大版本JVM、JRE和JDK的关系什么是跨平台性?原理是什么Java语言有哪些特点什么是字节码?采用字节码的最大好处是什么什么是Java程序的主类?应用程序和小程序的主类有何不同?Java应用程序与小程序之间有那些差别?Java和C++的区别Oracle JDK 和 OpenJDK 的对比基础语法数据类型Java有哪些数据类型switc...

@程序员:GitHub这个项目快薅羊毛

今天下午在朋友圈看到很多人都在发github的羊毛,一时没明白是怎么回事。 后来上百度搜索了一下,原来真有这回事,毕竟资源主义的羊毛不少啊,1000刀刷爆了朋友圈!不知道你们的朋友圈有没有看到类似的消息。 这到底是啥情况? 微软开发者平台GitHub 的一个区块链项目 Handshake ,搞了一个招募新会员的活动,面向GitHub 上前 25万名开发者派送 4,246.99 HNS币,大约价...

用python打开电脑摄像头,并把图像传回qq邮箱【Pyinstaller打包】

前言: 如何悄悄的打开朋友的摄像头,看看她最近过的怎么样,嘿嘿!这次让我带你们来实现这个功能。 注: 这个程序仅限在朋友之间开玩笑,别去搞什么违法的事情哦。 代码 发送邮件 使用python内置的email模块即可完成。导入相应的代码封装为一个send函数,顺便导入需要导入的包 注: 下面的代码有三处要修改的地方,两处写的qq邮箱地址,还有一处写的qq邮箱授权码,不知道qq邮箱授权码的可以去百度一...

C++(继承):19---虚基类与虚继承(virtual)

一、菱形继承 在介绍虚继承之前介绍一下菱形继承 概念:A作为基类,B和C都继承与A。最后一个类D又继承于B和C,这样形式的继承称为菱形继承 菱形继承的缺点: 数据冗余:在D中会保存两份A的内容 访问不明确(二义性):因为D不知道是以B为中介去访问A还是以C为中介去访问A,因此在访问某些成员的时候会发生二义性 缺点的解决: 数据冗余:通过下面“虚继承”技术来解决(见下) 访问...

计算机网络——浅析网络层

一、前言 注意,关于ipv4和ipv6,ipv4是ip协议第4版本,也表示这个版本的ip一共4个字节,同样地,ipv6是ip协议第6版本,也表示这个版本的ip一共6个字节。 关于网络层使用路由器实现互联:在计算机网络的分层结构中,不同层有不同的中继设备: 计算机网络层 中继设备/中继系统 物理层 中继器、集线器Hub 数据链路层 网桥或交换机(交换机是多端口网桥,两者本质上是一个东西) 网络层 路...

我以为我学懂了数据结构,直到看了这个导图才发现,我错了

数据结构与算法思维导图

技术大佬:我去,你写的 switch 语句也太老土了吧

昨天早上通过远程的方式 review 了两名新来同事的代码,大部分代码都写得很漂亮,严谨的同时注释也很到位,这令我非常满意。但当我看到他们当中有一个人写的 switch 语句时,还是忍不住破口大骂:“我擦,小王,你丫写的 switch 语句也太老土了吧!” 来看看小王写的代码吧,看完不要骂我装逼啊。 private static String createPlayer(PlayerTypes p...

华为初面+综合面试(Java技术面)附上面试题

华为面试整体流程大致分为笔试,性格测试,面试,综合面试,回学校等结果。笔试来说,华为的难度较中等,选择题难度和网易腾讯差不多。最后的代码题,相比下来就简单很多,一共3道题目,前2题很容易就AC,题目已经记不太清楚,不过难度确实不大。最后一题最后提交的代码过了75%的样例,一直没有发现剩下的25%可能存在什么坑。 笔试部分太久远,我就不怎么回忆了。直接将面试。 面试 如果说腾讯的面试是挥金如土...

和黑客斗争的 6 天!

互联网公司工作,很难避免不和黑客们打交道,我呆过的两家互联网公司,几乎每月每天每分钟都有黑客在公司网站上扫描。有的是寻找 Sql 注入的缺口,有的是寻找线上服务器可能存在的漏洞,大部分都...

女程序员,为什么比男程序员少???

昨天看到一档综艺节目,讨论了两个话题:(1)中国学生的数学成绩,平均下来看,会比国外好?为什么?(2)男生的数学成绩,平均下来看,会比女生好?为什么?同时,我又联想到了一个技术圈经常讨...

总结了 150 余个神奇网站,你不来瞅瞅吗?

原博客再更新,可能就没了,之后将持续更新本篇博客。

副业收入是我做程序媛的3倍,工作外的B面人生是怎样的?

提到“程序员”,多数人脑海里首先想到的大约是:为人木讷、薪水超高、工作枯燥…… 然而,当离开工作岗位,撕去层层标签,脱下“程序员”这身外套,有的人生动又有趣,马上展现出了完全不同的A/B面人生! 不论是简单的爱好,还是正经的副业,他们都干得同样出色。偶尔,还能和程序员的特质结合,产生奇妙的“化学反应”。 @Charlotte:平日素颜示人,周末美妆博主 大家都以为程序媛也个个不修边幅,但我们也许...

MySQL数据库面试题(2020最新版)

文章目录数据库基础知识为什么要使用数据库什么是SQL?什么是MySQL?数据库三大范式是什么mysql有关权限的表都有哪几个MySQL的binlog有有几种录入格式?分别有什么区别?数据类型mysql有哪些数据类型引擎MySQL存储引擎MyISAM与InnoDB区别MyISAM索引与InnoDB索引的区别?InnoDB引擎的4大特性存储引擎选择索引什么是索引?索引有哪些优缺点?索引使用场景(重点)...

女朋友过生日,我花了20分钟给她写了一个代理服务器

女朋友说:“看你最近挺辛苦的,我送你一个礼物吧。你看看想要什么,我来准备。” 我想了半天,从书到鞋子到电子产品最后到生活用品,感觉自己什么都不缺,然后和她说:“你省省钱吧,我什么都不需要。” 她坚持要送:“不行,你一定要说一个礼物,我想送你东西了。” 于是,我认真了起来,拿起手机,上淘宝逛了几分钟,但还是没能想出来缺点什么,最后实在没办法了:“这样吧,如果你实在想送东西,那你就写一个代理服务器吧”...

记一次腾讯面试,我挂在了最熟悉不过的队列上……

腾讯后台面试,面试官问:如何自己实现队列?

如果你是老板,你会不会踢了这样的员工?

有个好朋友ZS,是技术总监,昨天问我:“有一个老下属,跟了我很多年,做事勤勤恳恳,主动性也很好。但随着公司的发展,他的进步速度,跟不上团队的步伐了,有点...

带了6个月的徒弟当了面试官,而身为高级工程师的我天天修Bug......

即将毕业的应届毕业生一枚,现在只拿到了两家offer,但最近听到一些消息,其中一个offer,我这个组据说客户很少,很有可能整组被裁掉。 想问大家: 如果我刚入职这个组就被裁了怎么办呢? 大家都是什么时候知道自己要被裁了的? 面试软技能指导: BQ/Project/Resume 试听内容: 除了刷题,还有哪些技能是拿到offer不可或缺的要素 如何提升面试软实力:简历, 行为面试,沟通能...

离职半年了,老东家又发 offer,回不回?

有小伙伴问松哥这个问题,他在上海某公司,在离职了几个月后,前公司的领导联系到他,希望他能够返聘回去,他很纠结要不要回去? 俗话说好马不吃回头草,但是这个小伙伴既然感到纠结了,我觉得至少说明了两个问题:1.曾经的公司还不错;2.现在的日子也不是很如意。否则应该就不会纠结了。 老实说,松哥之前也有过类似的经历,今天就来和小伙伴们聊聊回头草到底吃不吃。 首先一个基本观点,就是离职了也没必要和老东家弄的苦...

2020阿里全球数学大赛:3万名高手、4道题、2天2夜未交卷

阿里巴巴全球数学竞赛( Alibaba Global Mathematics Competition)由马云发起,由中国科学技术协会、阿里巴巴基金会、阿里巴巴达摩院共同举办。大赛不设报名门槛,全世界爱好数学的人都可参与,不论是否出身数学专业、是否投身数学研究。 2020年阿里巴巴达摩院邀请北京大学、剑桥大学、浙江大学等高校的顶尖数学教师组建了出题组。中科院院士、美国艺术与科学院院士、北京国际数学...

HTTP与HTTPS的区别

面试官问HTTP与HTTPS的区别,我这样回答让他竖起大拇指!

男生更看重女生的身材脸蛋,还是思想?

往往,我们看不进去大段大段的逻辑。深刻的哲理,往往短而精悍,一阵见血。问:产品经理挺漂亮的,有点心动,但不知道合不合得来。男生更看重女生的身材脸蛋,还是...

为什么程序员做外包会被瞧不起?

二哥,有个事想询问下您的意见,您觉得应届生值得去外包吗?公司虽然挺大的,中xx,但待遇感觉挺低,马上要报到,挺纠结的。

当HR压你价,说你只值7K,你该怎么回答?

当HR压你价,说你只值7K时,你可以流畅地回答,记住,是流畅,不能犹豫。 礼貌地说:“7K是吗?了解了。嗯~其实我对贵司的面试官印象很好。只不过,现在我的手头上已经有一份11K的offer。来面试,主要也是自己对贵司挺有兴趣的,所以过来看看……”(未完) 这段话主要是陪HR互诈的同时,从公司兴趣,公司职员印象上,都给予对方正面的肯定,既能提升HR的好感度,又能让谈判气氛融洽,为后面的发挥留足空间。...

面试:第十六章:Java中级开发(16k)

HashMap底层实现原理,红黑树,B+树,B树的结构原理 Spring的AOP和IOC是什么?它们常见的使用场景有哪些?Spring事务,事务的属性,传播行为,数据库隔离级别 Spring和SpringMVC,MyBatis以及SpringBoot的注解分别有哪些?SpringMVC的工作原理,SpringBoot框架的优点,MyBatis框架的优点 SpringCould组件有哪些,他们...

面试阿里p7,被按在地上摩擦,鬼知道我经历了什么?

面试阿里p7被问到的问题(当时我只知道第一个):@Conditional是做什么的?@Conditional多个条件是什么逻辑关系?条件判断在什么时候执...

立即提问
相关内容推荐