thinkphp ajax应用

最新推荐文章于 2024-01-18 09:00:00 发布
最新推荐文章于 2024-01-18 09:00:00 发布
阅读量668 收藏
点赞数
分类专栏： thinkphp 文章标签： ajax function input action button json
ThinkPHP中使用ajax

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

ThinkPHP中使用ajax

jquery方法：

MessageAction.class.php

<?php
class MessageAction extends Action{

function index(){
  $this->display();
}

function add(){
  //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{

function index(){
  $this->display();
}

function addtwo(){
  $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">
function add(){
  // ThinkAjax.sendForm(表单ID,URL,回调函数,信息显示的地方);
  ThinkAjax.sendForm('frm','__URL__/addtwo',wc);
}
function wc(data,status){
  if(status!=1){
    alert('发送失败');
  }else{
    $('list').innerHTML+='标题'+data.title+',信息'+data.message;
  }
}
</script>

</head>
<body>
<div id="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>
「已注销」
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
thinkphp ajax实例
03-27
在IT行业中，ThinkPHP是一个非常流行的基于PHP的开源框架，它极大地简化了Web应用的开发过程，而Ajax（异步JavaScript和XML）则是一种在不刷新整个页面的情况下更新部分网页内容的技术。当ThinkPHP与Ajax结合使用时...
ThinkPHP处理Ajax返回的方法
10-25
下面我们将深入探讨ThinkPHP如何处理Ajax返回，以及相关的使用方法。 一、Ajax请求在ThinkPHP中的使用 在ThinkPHP中，Ajax请求通常与jQuery库或其他JavaScript库结合使用。例如，使用jQuery发起一个Ajax POST请求...
thinkphp使用ajax
weixin_34185560的博客
12-24 114
thinkphp使用ajax和之前使用ajax的方法一样，不同点在于之前的ajax中的url指向了一个页面，而thinkphp里面的url需要指向一个操作方法。 一、thinkphp使用ajax返回数据 1.先在Admin\Controller\MainController.class.php里面写一个方法　 public function testajax()//ajax测试方法...
ThinkPHP对Ajax完全支持
cation的专栏
08-29 9826
 ThinkPHP对Ajax完全支持ThinkPHP完全支持Ajax，并且还内置了一个SmartAjax和ThinkAjax类库，你可以不通过任何其他Ajax类库包就可以在ThinkPHP中使用Ajax支持。首先说一下ThinkPHP的JS类库以及如何在ThinkPHP中引入Js类库JS类库ThinkPHP框架自带了一个易于扩展的JS类库，并且通过标签库技术和JS方法轻松导入。JS类库的引
thinkphp框架 中 ajax 的应用
计算机技术大学习
10-08 810
在thinkphp中，内置了ajax的方法，即：  ajaxReturn("data","info","status"); data:传递的数据， info:显示的信息， status:状态 php代码： $data['name'] = "lina"; $data['age'] = '20'; $this->ajaxReturn( $data, '用户的详细信息 ',1 ); h
thinkphp5 ajax
jianchenn的博客
02-05 220
html代码 ajax LOGIN
thinkphp ajax分页
08-13
在Web开发中，数据量较大的页面常常需要分页来提高用户...总的来说，ThinkPHP结合Ajax实现的分页技术是提高Web应用性能和用户体验的有效手段。通过合理的架构设计和代码组织，开发者可以轻松地在项目中应用这一技术。
ThinkPHP5.1+Ajax实现的无刷新分页功能示例
10-15
在本文中，我们将深入探讨如何使用ThinkPHP5.1框架和Ajax技术来实现无刷新分页功能，这是一种优化用户体验的有效方法，可以显著提升网站性能。首先，我们要理解无刷新分页的基本原理，它通过在不重新加载整个页面的...
ThinkPHP中使用ajax接收json数据的方法
10-25
本篇文章将详细讲解如何在ThinkPHP中使用AJAX接收JSON数据。 首先，我们需要理解JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它易于人阅读和编写，同时也易于机器解析和生成。在前后端通信中，...
利用ThinkPHP内置的ThinkAjax实现异步传输技术的实现方法
12-18
准备工作： ① 首先要会使用ThinkPHP这个框架 ② 最好有些ajax的基础（可以去看下小飞的另外一篇博文：Ajax实时验证”用户名/邮箱等”是否已经存在） ③ 4个js文档（点此免积分下载） 先贴上源代码： 复制代码 代码如下: [removed][removed] [removed][removed] <script type=”text/javascript” src=”__P
TP5(thinkPHP5)框架基于ajax与后台数据交互操作简单示例
10-18
主要介绍了TP5(thinkPHP5)框架基于ajax与后台数据交互操作,结合实例形式分析了thinkPHP5前端基于jQuery的ajax数据提交及后台数据接收、处理相关操作技巧,需要的朋友可以参考下
thinkPHP5 ajax提交表单操作实例分析
10-19
主要介绍了thinkPHP5 ajax提交表单操作,结合实例形式分析了thinkPHP5的ajax提交表单操作技巧,并附带说明了表单提交中的参数传递与处理技巧,需要的朋友可以参考下
thinkphp框架使用ajax
qq_37171379的博客
04-03 141
ajax方式用户名校验： 控制器操作方法用户名校验逻辑：
thinkphp 中 ajax的使用
weixin_34279579的博客
11-08 198
前台页面： 两种写法都可以： （1） // var ajaxurl = "{:U('Index/postDomain?ajax=1')}"; // 这样写也行 $.ajax({ // url: "/index.php/Home/Index/postDomain/ajax/1" , // 这...
thinkphp ajax html,ThinkPHP Ajax 使用详解及实例
weixin_29516495的博客
06-29 376
ThinkPHP AjaxThinkPHP 内置了对 Ajax 的支持，可以方便的使用。下面以一个具体的例子来介绍 ThinkPHP Ajax 的使用。提示本文涉及的内容，适用于 ThinkAjax+mootools 来实现 Ajax ，使用 JQuery 来实现 ThinkPHP Ajax 请参见《ThinkPHP JQuery Ajax》。Js 类库要使用 ThinkPHP Ajax，需要加载...
thinkphp ajax 赞,thinkphp 中 ajax的使用
weixin_26642481的博客
08-05 89
前台页面：两种写法都可以：(1)// var ajaxurl = "{:U('Index/postDomain?ajax=1')}"; // 这样写也行$.ajax({// url: "/index.php/Home/Index/postDomain/ajax/1" , // 这样写也行// url: ajaxurl ,url: "{:U('Index/postDomain?ajax=1')...
ThinkPHP 页面请求和AJAX
Cc_Rain
08-30 2227
ThinkPHP 内置了一些常量来判断请求类型：常量 说明 IS_GET 判断是否是GET方式提交 IS_POST 判断是否是POST方式提交 IS_PUT 判断是否是PUT方式提交 IS_DELETE 判断是否是DELETE方式提交 IS_AJAX 判断是否是AJAX提交 REQUEST_METHOD 当前提交类型class UserControll
从入门到精通：ThinkPHP6异步请求的全面解析！
最新发布
专注java二开部署
01-18 886
其中url属性指定了请求的URL，type属性指定了请求的类型（post或者get），dataType属性指定了服务器返回的数据类型，success属性指定了请求成功的回调函数，error属性指定了请求失败的回调函数。在上述代码中，通过new关键字实例化了Swoole异步请求类，设置了请求的URL和请求参数，并且通过post方法发送了请求。在Web应用程序的开发中，经常会需要使用异步请求。而在ThinkPHP6框架中，也提供了方便的异步请求方式，本文将详细介绍如何在ThinkPHP6中使用异步请求。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值