平武建站

怎么在thinkPHP5中使用ajax实现与后台数据交互-创新互联

这篇文章给大家介绍怎么在thinkPHP5中使用ajax实现与后台数据交互，内容非常详细，感兴趣的小伙伴们可以参考借鉴，希望对大家能有所帮助。

在驻马店等地区，都构建了全面的区域性战略布局，加强发展的系统性、市场前瞻性、产品创新能力，以专注、极致的服务理念，为客户提供做网站、成都网站制作 网站设计制作按需设计,公司网站建设,企业网站建设,品牌网站建设,全网营销推广,外贸网站建设,驻马店网站建设费用合理。

方法一： serialize() 方法通过序列化表单值，创建 URL 编码文本字符串,这个是jquery提供的方法


前端代码



 
 
 ajax交互
 
 
 
 
 
  
  
  
  
 
 
 
 

后端代码

public function reg($account,$passwd){
 if($account == '123'){
  return json("ajax成功！".$account."---".$passwd);
 }else{
  return json("你输出的是其他值：".$account."---".$passwd);
 }
}

方法二： 利用layui的form.on事件监听

前端代码




  
  管理员登录
  
  
  
  
  
  
  
  



  管理登录
  
                                   
  layui.extend({     admin: '{/}./static/js/admin'   });   //layui.use调用模块   layui.use(['form', 'admin'], function () {     //获得form模块     var form = layui.form       , admin = layui.admin;     //监听提交     //事件监听     //语法：form.on('event(过滤器值)', callback);（过滤器值指lay-filter="过滤器值"）     //function(data)里的data是一个object，data.field是表单填写的内容     form.on('submit(login)', function (data) {       //$.post写法：$(selector).post(URL,data,function(data,status,xhr),dataType)       var post_data = data.field;       $.post("{:url('verify')}"         , post_data         , function (data) {           console.log(data);         }       )       return false;     });   })   ;

后端代码

 public function verify()
  {
    $posts = input("post.password");
    return json($posts);
  }

关于怎么在thinkPHP5中使用ajax实现与后台数据交互就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。


网站名称：怎么在thinkPHP5中使用ajax实现与后台数据交互-创新互联
新闻来源：http://pwwzsj.com/article/dhcgej.html

其他资讯