ThinkPHP中使用ajax

最新推荐文章于 2022-02-21 08:14:55 发布
最新推荐文章于 2022-02-21 08:14:55 发布
阅读量1.8k 收藏
点赞数 1
文章标签： input function action button json url
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/nycqwert/article/details/7947677
版权
ThinkPHP中使用ajax

点击提交，不需要刷新本页，将内容提交到数据库当中，并在本页显示提交的内容。

ThinkPHP中使用ajax

jquery方法：

MessageAction.class.php

<?php
class MessageAction extends Action{
 
   
      functionindex(){
            $this->display();     
      }
     
      functionadd(){
            // ajaxReturn(数据,'提示信息',状态)   
            $m=M('message');
            if($m->add($_GET)){
                  $this->ajaxReturn($_GET,'添加信息成功',1);
            }else{
                  $this->ajaxReturn(0,'添加信息失败',0);     
            }
      }
 
}
?>

模板index.html

<html>
<head>
<script type="text/javascript"src="__PUBLIC__/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
      $(function(){
            $('input:button').click(function(){
                  var$title=$('input[name="title"]').val();
                  var$message=$('input[name="message"]').val();
                  $mess=$('#mess');
                  $.getJSON('__URL__/add',{title:$title,message:$message},function(json){
                        //alert(json);return false;
                        if(json.status==1){
                              $mess.slideDown(3000,function(){
                                    $mess.css('display','block');     
                              }).html('标题为'+json.data.title+'信息为'+json.data.message);     
                        }else{
                              $mess.slideDown(3000,function(){
                                    $mess.css('display','block');     
                              }).html('信息添加失败，请检查');     
                        }           
                  });
            })     
      })
</script>
</head>
<body>
<div style="display:none; color:red;"id="mess"></div>
<form action="" method="get">
  标题：<input type="text"name="title" /><br/>
  信息：<input type="text"name="message" /><br/>
            <input type="button" value="提交"/>
</form>
</body>
</html>

ThinkPHP方法：

MessageAction.class.php

<?php
class MessageAction extends Action{
     
      functionindex(){
            $this->display();     
      }

      functionaddtwo(){
            $m=M('message');
            if($vo=$m->create()){
                  if($m->add()){
                        $this->ajaxReturn($vo,'添加成功',1);     
                  }else{
                        $this->ajaxReturn(0,'添加失败',0);     
                  }     
            }else{
                  $this->error($m->getError());     
            }
                     
      }
 
}
?>

模板index.html

<html>
<head>
<script type="text/javascript"src="__PUBLIC__/Js/Base.js"></script>
<script type="text/javascript"src="__PUBLIC__/Js/prototype.js"></script>
<script type="text/javascript"src="__PUBLIC__/Js/mootools.js"></script>
<script type="text/javascript"src="__PUBLIC__/Js/ThinkAjax.js"></script>
<script type="text/javascript">
      functionadd(){
            // ThinkAjax.sendForm(表单ID,URL,回调函数,信息显示的地方);
            ThinkAjax.sendForm('frm','__URL__/addtwo',wc);     
      }
      functionwc(data,status){
            if(status!=1){
                  alert('发送失败');
            }else{
                  $('list').innerHTML+='标题'+data.title+',信息'+data.message;     
            }     
      }
</script>

</head>
<body>
<divid="list"></div>
<form action="" method="POST"id="frm">
  标题：<input type="text"name="title" /><br/>
  信息：<input type="text"name="message" /><br/>
            <input type="button" value="提交" onClick="add()"/>
</form>
</body>
</html>

小池编程的博客
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ThinkPHP框架结合Ajax实现用户名校验功能示例
01-20
本文实例讲述了ThinkPHP框架结合Ajax实现用户名校验功能。分享给大家供大家参考，具体如下： 在模板文件中通过ajax获取到用户名，然后在控制器中将用户名与数据库比较，返回校验结果给模板文件。 模板文件路径shop/Home/View/User/register.html <!--register.html--> <!DOCTYPE html> <html> <head> <meta http-equiv=Content-Type content=text/html; charset=UTF-8 /> <title>Untitled Document</title> <scr
ThinkPHP中使用ajax接收json数据的方法
10-25
主要介绍了ThinkPHP中使用ajax接收json数据的方法,包括了前台js代码与对应的PHP处理代码,非常具有实用价值,需要的朋友可以参考下
thinkphp对于ajax的调用及session的用法
aodc6537的博客
07-09 306
一、ajax对于php是非常实用的一种方法，那么在thinkphp框架中ajax是不是一样好用呢？答案是肯定的。thinkphp针对ajax也有自己独特的用法： 首先我们在自己建的Admin文件下建立一个Index文件夹，然后在这个文件夹里边建一个ceshi.html文件，要用ajax就要用到jquery文件，所以我们要将jquery文件复制到Public文件夹下进行调用： &l...
ThinkPHP6.0 如何利用自定义验证规则规范的实现登陆?
jmu201821122110
12-14 1万+
文章目录1.写在前面2.ThinkPHP中的MVC3.登陆思路4.前端发起请求5.Common.php6.LoginController.php7.UserModel.php8.LoginValidate.php结尾 1.写在前面 这学期因为各种课内考试，竞赛活动，项目，(和女朋友约会 )????等消耗了大量时间，博客没怎么更新，上次更新博客还是2个月之前 2.ThinkPHP中的MVC M: Model 模型层(与数据库交互的持久层) V: View 视图层(前端html,css,js) C: Co
thinkPHP 登录验证 记录日志 session存值以及判断用户的状态
m0_62229785的博客
02-21 398
ThinkPHP中Ajax验证表单
郭晓湉
05-21 2263
CommonAction.class.php class  CommonAction extends Action{     public function ajax(){         //去数据库进行查询,验证用户名和密码是否正确         $user_model = M('User2');         $pass = $user_model->field('us
在Thinkphp中使用ajax实现无刷新分页的方法
10-21
主要介绍了在Thinkphp中使用ajax实现无刷新分页的方法的相关资料,非常不错具有参考借鉴价值，需要的朋友可以参考下
ThinkPHP中ajax使用实例教程
10-25
主要介绍了ThinkPHP中ajax使用, 是ThinkPHP开发中非常实用的技巧,需要的朋友可以参考下
php表单安全验证,thinkPHP表单异步验证和表单验证
weixin_35844236的博客
03-25 130
在thinkPHP中有一个专门的类文件可以自动生成验证码 的，Thinkphp/Library/Think/Verify.class.phppublic function code(){$config = array('fontSize' => 20, // 验证码字体大小'length' => 4, // 验证码位数'useNoise'...
thinkphp框架下的登录、注册、找密码
dieqi9270的博客
06-16 406
thinkphp框架下使用ajax表单提交的登录、注册、找密码。注册后的用户需后台审核。user表的字段为id、num、password、name、email、addtime、status 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 ...
thinkphp前后端ajax请求结合
精哥哥
04-17 1308
thinkphp前后端ajax请求结合$ShoppingCart = M('ShoppingCart'); $where = array( 'weixin_openid'=&gt;$open_id, 'item_id'=&gt;$item_id, ); $cartInfo = $ShoppingCart-&gt;where($where)-&gt;find(); if(!$c...
thinkphp判断是否是ajax提交的方法
寂寥人生
08-12 716
方法一 if ($request->header('X-Requested-With') == 'XMLHttpRequest') { // ajax请求 } 方法二 if ($request->isAjax()) { // ajax请求 }
ThinkPHP 中使用 IS_AJAX 判断原生 JS 中的 Ajax 出现问题
weixin_30532837的博客
01-10 163
问题： 在 ThinkPHP 中使用原生 js 发起 Ajax 请求的时候、在控制器无法使用 IS_AJAX 进行判断。而使用 jQuery 中的 ajax 是没有问题的。 在ThinkPHP中、有一个判断是 ajax 请求的常量 IS_AJAX； Ajax 请求常用的有两种情况：一种是原生 js 的 ajax 请求、一种是 jQuery 的 ajax 请求。 分析： 先看看使用 j...
使用tp5写登录验证及修改密码
热门推荐
一勺菠萝丶的博客
02-05 1万+
使用到的工具 1,thinkphp5.0自带的验证码: think-captcha 可查看： https://www.kancloud.cn/manual/thinkphp5/154295 2,前台页面框架: layui 3,引用到的文件: jquery.min.js layui.css 登录样式最终图形 登录的html <body style="ba...
thinkphp与mysql登录验证_重复登录和未登录的验证
weixin_31157123的博客
02-04 155
需要引用Session类哦！use think\facade\Session;Base.php基本控制里写好登录信息的判断/***检查是否已登录：防止重复登录，放在登录验证方法中调用*/publicfunctionlogined(){if(Session::has('user_id')){$this->error('您已登录过了！','index/index');}}/***检查是...
thinkphp 登录 注册常用检测
静下心来写代码
08-24 1070
提交检测:
Thinkphp框架 表单自动验证登录注册 ajax自动验证登录注册
12-26 132
说明：这里没练习静态自动验证：如果用到静态验证首先自定义一个控制器，再在Model文件夹里创建一个NiHaoModel.php 类 NiHao是自定义的，前缀可以随意，但是一定要用驼峰法（首字母大写） 在自定义控制器里用D()方法时里面要写入NiHaoModel.php 类的前缀 NiHao 因为有这串代码protected $trueTableName = 'yo...
thinkphp验证码的实现
weixin_33882443的博客
07-28 75
两种验证码验证实现，一种直接在form表单提交按钮实现验证，一种使用ajax传递参数实现验证： 1、直接在form表单提交按钮实现验证，在控制器VerifyController.class.php中写入如下代码： namespace Home\Controller; use Think\Controller; class VerifyController extends Control...
thinkphp表单验证
12-26 136
　　之前的表单验证都是用js写的，这里也可以使用tp框架的验证。但是两者比较而言还是js验证比较好，因为tp框架验证会运行后台代码，这样运行速度和效率就会下降。　 　　自动验证是ThinkPHP模型层提供的一种数据验证方法，可以在使用create创建数据对象的时候自动进行数据验证。验证的代码要写在模型层即Model里面。 　　数据验证有两种方式： 静态方式：在模型类里面通过$_...
thinkphp5 echarts ajax 动态赋值
最新发布
07-10
结合这三者，我们可以实现在ThinkPHP5中使用Ajax动态赋值Echarts图表的功能。 首先，我们需要在前端页面中引入Echarts和相关的JavaScript库。然后，通过Ajax发送请求到后端的ThinkPHP5控制器中。在控制器中，我们...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值