前台向后台传值的两种方法 以及 从后台获取数据的方法

1、前台向后台传值方法一：

表单提交的方式：

<form action="${path }/manage/logon.do" method="post" id="logonForm">
　　<table cellpadding="0" cellspacing="0" border="0">
　　　　<tr height="50">
　　　　　　<td>
　　　　　　　　<input type="text"  id="userIdMark" name="userIdMark" />
　　　　　　　　<input type="hidden"  id="userId" name="userId" />
　　　　　　</td>
　　　　</tr>
　　　　<tr height="60">
　　　　　　<td>
　　　　　　　　<a href="#" id="logon" name="submit" class="login_btn"></a>
　　　　　　</td>
　　　　</tr>
　　</table>
</form>

js代码：

$("#logon").click(function(){
    $("#logonForm").submit();
});

2、前台向后台传值方法二ajax：

 <form id="myform" method="post" action="http://images.byshop.com/wechat/imgFormUpload" enctype="multipart/form-data">
      <input type="file" name="userfile[]"  multiple id="img_file">
      <input type="submit" value="shangchuan">
  </form>
  <input type="button" value="ajax_submit" onclick="imgFormUpload()">

js代码：

  function imgFormUpload() {
         $.ajax({
              dataType: 'json',
              url:http://images.byshop.com/wechat/imgFormUpload,
              success: function (data) { 
                     alert("submit success");
                                      } 
               });
 }

通过ajax从后台取值的方法，从后台获得值显示在列表中，如下图：

<script type="text/javascript">
        $(function(){
           var Request = new Object();
            Request = GetRequest();
            var url;
            url = Request['vbillcode'];
             
            $.ajax({
                        type : 'POST',
                        url : "/rm/rmcsale/edit_specapplydetail",
                        data : {Listurl : url},
                        async:false,
                        success : function(data) {
                            console.log("----------- success-------------");
                             alert("您查询的订单号为："+data.vbillcode);
                               $(".J-vbillcode").attr("value",data.vbillcode);
                               $(".J-billmaker").attr("value",data.billmaker);
                               $(".J-ctrantypeid").attr("value",data.ctrantypeid);
    
                        },
                        error : function(data) {
                             
                        },
                        dataType : 'json',
                         
                    });
             
             
         
        });
        </script>

备注：靠自己也可以！依赖别人或者老师没有出路！