使用 Ajax FormData 提交没效果,哪位大神帮忙看看?
新手,求大神指点
//HTML
<form id="ajax-user-form"action="" onsubmit="return dd()" class="mws-form" enctype="multipart/form-data" method="post">
<!--input type="hidden" name="_method" value="PUT"-->
<div class="mws-form-inline">
<div class="mws-form-row">
@csrf
<div class="mws-form-item small">
<label style="text-align: center;">用户名</label>
<input type="text" class="mws-textinput" name="name" value="{{old('name')}}" required/>
</div>
</div>
</div>
<div class="mws-form-row">
<div class="mws-form-item small">
<label style="text-align: center;">头像</label>
<input type="file" class="mws-textinput" name="profile" value="{{old('profile')}}"
required/>
</div>
</div>
<div class="mws-button-row">
<input id="ajax-user-submit" type="submit" value="提交" class="mws-button green"/>
</div>
</form>
//jquery
<script type="text/javascript" >
function dd(){
$.ajaxSetup({
headers: { 'X-CSRF-TOKEN' : '{{ csrf_token() }}' }
});
//alert(5)
var data = new FormData($("#ajax-user-form")[0]);
console.log(data);
var name = data.get("name");
console.log(name);
//alert(name);//代码一直到这里都可以走的通,后面ajax没反应了
$.ajax({
url:"users/user/insert",
type:"post",
data:data,
ache: false, // 不缓存
processData: false, // jQuery不要去处理发送的数据
contentType: false, // jQuery不要去设置Content-Type请求头
success:function(data){
alert('成功')
console.log(data);
//$("#mws-panel").html(data)
}
});
}
</script>
//控制器
public function insert(Request $request)
{
//$this->UserValidate($request);
return view('');
}
推荐文章: