使用Ajax请求怎么在PHP后台接口返回信息?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。
前台就是一个表单,这里是用的bootstrop的
<form method="post" >
<!-- token验证 -->
<!--{{ csrf_field() }}-->
<div class="form-group" >
<label for="exampleInputPassword1">昵称</label>
<input type="name" id="nickname" name="nickname" class="form-control" id="exampleInputname1" placeholder="用于评论昵称">
</div>
<div class="form-group">
<label for="exampleInputEmail1">Email </label>
<input type="email" id="email" name="email" class="form-control" id="exampleInputEmail1" placeholder="用于接收回复消息通知">
<span id="error_massage"></span>
</div>
<div class="form-group" >
<label for="name">留言内容</label>
<textarea class="form-control" id="content" name="text" rows="3" placeholder="评论内容"></textarea>
</div>
<button type="submit" class="btn btn-default">Submit</button>
</form>
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
<script type="text/javascript">
$("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);
// });
})
</script>
关于使用Ajax请求怎么在PHP后台接口返回信息问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注亿速云行业资讯频道了解更多相关知识。
亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。