获取html 中的内容 将前台的数据获取到后台 用 jquery 生成一个 form表单 提交数据

使用js创建一个form表单 ,使用post上传到后台中 下面是代码。在获取html内容的时候使用了js节点来获取内容。

parent:父节点。上一级的节点

siblings:兄弟节点。同一级别的节点

 

  $(function(){
                $('input[name=but]').click(function(){
                    var start=$(this).parent('div').siblings('div[name=qishi]').html();
                    var end=$(this).parent('div').siblings('div[name=mudi]').html();
                   var weight=$(this).parent('div').siblings('div[name=weight]').html();
                   var departid=$(this).parent('div').siblings('input[name=depart]').val();
                  //  alert($(this).parent('div').siblings('div[name=qishi]')..html());
                    //调用
                    post('matching', {'start':start,'end':end,'weight':weight,'departid':departid});
                });
            });
            function post(URL, PARAMS) {
                var temp = document.createElement("form");
                temp.action = URL;
                temp.method = "post";
                temp.style.display = "none";
                for (var x in PARAMS) {
                    var opt = document.createElement("textarea");
                    opt.name = x;
                    opt.value = PARAMS[x];
                    // alert(opt.name)
                    temp.appendChild(opt);
                }
                document.body.appendChild(temp);
                temp.submit();
                return temp;
            }
           

 

posted @ 2016-12-29 21:00  Func~  阅读(6624)  评论(0编辑  收藏  举报