重庆分公司,新征程启航

为企业提供网站建设、域名注册、服务器等服务

怎么在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实现与后台数据交互-创新互联
URL标题:http://cqcxhl.com/article/dhcgej.html