代码之家 › 专栏 › 技术社区 › Kiow

Laravel Vue AXIOS是Ajax表单所需的操作方法和CSRF。

axios vue.js laravel

Kiow · 技术社区 · 6 年前

我用AXIOS和Vue从Laravel发布了一个Ajax,我有一个 @click="postData" 用于切换AXIOS POST请求的表单中的按钮:

postData() {
      axios({
          method: 'post',
          url: appJS.base_url + '/comment',
          responseType: 'json',
          data: comData
        })
        .then(function(response) {

        })

但是我还需要添加行动 , 方法和 CSRF 我的表格?

<form action="{{ url('/comment') }}" method="POST">
{{ csrf_field() }}
</form>

<form></form>

一切正常只要用 <form></form> 但我想知道是否有什么利弊?

我在后台进行Ajax调用,因为我不想重新加载整个页面

2 回复 | 直到 6 年前

Hedegare 6 年前

action method form

csrf_field() VerifyCsrfToken

Hòa Nguyá»n Coder 6 年前

https://gist.github.com/drewjoh/43ba206c1cde9ace35de154a5c84fc6d

export default{
        data(){
            return{
                title:"Form Register",
            }
        },
        methods:{
           register(){
                this.axios.post("http://localhost:8888/form-register",this.formdata).then((response) => {
                       console.log(response);
                      
                  });
                    
            },
 
        }
    }

 <form action="" method="post" v-on:submit.prevent="register">
    <div class="panel-heading">{{title}}</div>
    <div class="form-group">
      <button type="submit" class="btn btn-danger">Register</button>
      <button type="reset" class="btn btn-success">Reset</button>                  
    </div>
 </form>