Laravel Ajax请求

Laravel Ajax请求总结

Ajax请求方法

1、页面需要添加

<meta name="csrf-token" content="{{ csrf_token() }}">

2、如果是form表单需要添加
{{ csrf_field() }} 或

<input type="hidden" name="_token" value="'.csrf_token().'">

3、Ajax请求方法，如下：

function register() {
		var name = $('#userName').val();
        var Email = $('#Email').val();
        var unit = $("#university option:selected").val();
        var password = $("#password").val();
        var confirmPsw = $("#confirmPassword").val();
        $.ajax({
            type: "POST",
            url: "{{ url('/resource/register') }}",
            dataType: 'json',
            header: {'X-CRSF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
            data: {
                "name": name,
                "Email": Email,
                "unit": unit,
                "password": password,
                "confirmPsw": confirmPsw,
            },
            success: function (data) {
                if(data.code == 'success'){
                    $("#reg_tab").removeClass("active");
                    $("#signin_tab").addClass("active");
                    $("#signup").removeClass("active");
                    $("#signup").removeClass("in");
                    $("#signin").addClass("active");
                    $("#signin").addClass("in");
                }else{
                    alert('register fail');
                }
            },
            error: function(request, status, error){
                alert(error);
            },
        });
    };

4、Ajax请求返回
return response()->json([‘code’=> ‘success’]);

Ajax请求注意问题

1、当采用按钮点击进行Ajax请求，如下：

<button type="button" id="confirmsignup" name="confirmsignup" class="btn btn-success form-control" onclick="register()">注 册</button>

注意：一定要设置：type=“button”，否则会默认为：type=“submit”,请求完成后会进行页面重定向，进行
页面刷新