TP5(thinkPHP5)框架使用ajax实现与后台数据交互的方法小结

(编辑：jimmy 日期: 2024/5/20 浏览：3 次 )

本文实例讲述了TP5(thinkPHP5)框架使用ajax实现与后台数据交互的方法。分享给大家供大家参考，具体如下：

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

前端代码

<!DOCTYPE html>
<html>
 <head>
 <meta charset="UTF-8">
 <title>ajax交互</title>
 <script src="/UploadFiles/2021-04-02/jquery.min.js">

后端代码


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




方法二： 利用layui的form.on事件监听
前端代码


<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>管理员登录</title>
  <meta name="renderer" content="webkit|ie-comp|ie-stand">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport"
     content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <meta http-equiv="Cache-Control" content="no-siteapp"/>
  <link rel="shortcut icon" href="./favicon.ico" rel="external nofollow" type="image/x-icon"/>
  <link rel="stylesheet" href="./static/css/font.css" rel="external nofollow" >
  <link rel="stylesheet" href="./static/css/weadmin.css" rel="external nofollow" >
  <script src="/UploadFiles/2021-04-02/layui.js">

后端代码


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




更多关于thinkPHP相关内容感兴趣的读者可查看本站专题：《ThinkPHP入门教程》、《thinkPHP模板操作技巧总结》、《ThinkPHP常用方法总结》、《codeigniter入门教程》、《CI(CodeIgniter)框架进阶教程》、《Zend FrameWork框架入门教程》及《PHP模板技术总结》。
希望本文所述对大家基于ThinkPHP框架的PHP程序设计有所帮助。

上一篇：PHP实现Markdown文章上传到七牛图床的实例内容
下一篇：tp5框架基于ajax实现异步删除图片的方法示例

友情链接:杰晶网络 DDR爱好者之家南强小屋黑松山资源网白云城资源网