前后端数据交互---前端数据传输小白视角

我现在还是个和后端交互的前端小白，所以下面写的一些，可能大神们看了会耻笑我，没关系啦，我只是想把我一点点学到的记下来......

点击一个数据的按钮，跳到另一个页面，展现本条数据的内容：  数据由后端提供，，操作：

//点击按钮处需要加  data-id="后端提供的字段"  如：

<li><a class="saw-picture" data-id="<%- item.id %>" data-wangwangid="<%- item.f_copy_wangwangid %>">查看完成稿图片</a></li>

下边的js需要相应的写

$(document).on('click',".saw-picture",function() {

        var id = $(this).data("id");
        var wangwangid = $(this).data("wangwangid");
        $(".end-wangwangid").html(wangwangid); //新页面中的展现内容
})

进而实现在先页面中展现相应class下的内容

 

Form表单传送数据：

使用form在div中向后端传送数据（ https://www.cnblogs.com/NeverCtrl-C/p/6582770.html  form表单详解 ）

<form action="/finance/tc/changeZsBasisSalary" rel="ajax-form" method="get">
     <input type="hidden" name="user_id" value="">
     <input type="hidden" name="f_month" value="">
     <button type="submit" >确定</button>
</form>

form    action后面是后端提供的接收地址，method是获取的方式，
里面的input 的  name是后端提供的需要的字段，value是这个字段对应的值，传的时候需要用js把 值赋上去  例如：  $('[name="user_id"]').val(值)

method方法有 Get方法 和  Post方法； 
Post方法时需要加token： 

 <input type="hidden" name="_token" value="{{csrf_token()}}">