zoukankan      html  css  js  c++  java
  • 获取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;
                }
               
  • 相关阅读:
    Nginx下载服务器配置文件
    php7连接mysql测试代码
    Vagrant 构建 Linux 开发环境
    清理buffer/cache/swap的方法梳理
    【12】
    python全栈目录
    Chrome启动后打开第一个网页很慢的解决方案
    Pycharm快捷键
    TEst
    1、Linux命令随笔
  • 原文地址:https://www.cnblogs.com/wjm956/p/6234791.html
Copyright © 2011-2022 走看看