宝哥软件园

Ajax请求服务器端编程语言(专业超文本预处理器的缩写)后台接口返回信息的实例代码

编辑:宝哥软件园 来源:互联网 时间:2021-08-30

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

形式方法='post '!令牌验证- !-{ { csrf _ field()}-div class=' form-group ' style=' width :30% '标签为='范例输入密码1 '昵称/标签输入类型=' name ' id=' nickname ' name=' nickname ' class=' form-control ' id=' exampinputname 1 '占位符='用于评论昵称/div class=' form-group '标签为=' exampinputmail 1 '电子邮件/标签输入样式='width:30% '类型='email' id='email '名称=' Email ' class=' form-control ' id=' exampinputmail 1 '占位符='用于接收回复消息通知span id=' error _ message '/span/div class=' form-group ' style=' width :60%;'='name '的标签留言内容/label text area class=' form-control ' id=' content ' name=' text ' row=' 3 ' placeholder='评论内容/文本区/div按钮类型='提交' class=' BTN BTN-默认'提交/按钮/表单PHP只简单验证了一个邮箱

公共函数发布消息(请求$ Request){ $ email=$ Request-email;$ messages=$ this-article _ messages-where(' email ',$ email)-first();if(!空($ messages)){ return response()-JSON([' status '=' ok ',' code'=400,' message'='该邮箱已存在!换一个吧!',]);} }ajax的请求邮政

脚本类型='text/javascript' $('form ').submit(function(e){ e . prevent default();//阻止默认提交,表单不写方法='post '这个可以不要控制台。日志(11);定义变量昵称=$(' #昵称')。val();var email=$('#email ').val();var content=$(“# content”).val();$.ajax({ type: 'post '、url: '/article/message '、dataType:'json '、data:{ '昵称:nickname '、email':email '、content':content '、_ token ' : ' { csrf _ token()} '、},success : function(data){ if(data。代码==400){控制台。日志(数据);文件。getelementbyid(' error _ message ').innerHTML=data . message } else { } });//$.帖子('/文章/消息',{ //'昵称:nickname,//“email”: email,//“content”: content,//“_ token”:“{ csrf _ token()} }”,//},//function(data){//console。日志(数据);//});})/脚本最终:

以上这篇埃阿斯请求服务器端编程语言(专业超文本预处理器的缩写)后台接口返回信息的实例代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。

更多资讯
游戏推荐
更多+