前台就是一个表单，这里是用的bootstrop的

Submit

php只简单验证了一个邮箱

public function postMassage(Request $Request)

{

$email = $Request->email;

$messages = $this->article_messages->where('email',$email)->first();

if (!empty($messages)) {

return response()->json(['status' => 'ok','code' => 400,'message' => '该邮箱已存在！换一个吧！',]);

}

}

ajax的请求POst

$("form").submit(function(e){

e.preventDefault();//阻止默认提交,表单不写method="post"这个可以不要

console.log(11);

var nickname = $('#nickname').val();

var email = $('#email').val();

var content = $('#content').val();

$.ajax({

type: "post",

url: "/article/message",

dataType:"json",

data:{

"nickname":nickname,

"email":email,

"content":content,

"_token":"{{ csrf_token() }}",

},

success: function(data) {

if (data.code == 400) {

console.log(data);

document.getElementById('error_massage').innerHTML =data.message;

} else {

}

}

});

// $.post("/article/message", {

// "nickname":nickname,

// "email":email,

// "content":content,

// "_token":"{{ csrf_token() }}",

// },

// function(data){

// console.log(data);

// });

})

最终：

以上这篇Ajax请求PHP后台接口返回信息的实例代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持服务器之家。