thinkphp框架中jquery $.post()用法详解

最新推荐文章于 2021-06-27 17:40:58 发布
最新推荐文章于 2021-06-27 17:40:58 发布
阅读量2.6k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39413791/article/details/75452590
版权

8描述:

获得 test.php 页面返回的 json 格式的内容：：

jQuery 代码:
$.post("test.php", { "func": "getNameAndTime" },
   function(data){
     alert(data.name); // John
     console.log(data.time); //  2pm
   }, "json");
返回数据类型若为json格式，则对应方法echo json_encode(data);

案例：

<?php
namespace Home\Controller;
use Think\Controller;
class IndexController extends Controller {
    public function index(){
       $this->display();
    }
    public function test()
    {
        $account=I('post.account');
        $user="dalei";
        echo $account.".".$user;
    }

}

//

 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <title>Document</title>
 </head>

 <body>
 用户名：<input type="text" id="uName" class="uName">
 <p></p>
 <a></a>
<script type="text/javascript" src="__PUBLIC__/jquery-1.8.2.min.js"></script>

<script>
window.οnlοad=function()
{
    alert("加载成功！");
}
$(document).ready(function(){
    $('#uName').blur(function(){
        var account=1;
        $.post("__URL__/test", { "account": account },function(data){

            // alert(data);
            var list=data.split(".");
            var a=list[0];
            var b=list[1];
            $("p").html(a);
            $("a").html(b);
            // document.write(data.split("."));
        },"text");
     
    })
})

</script>












前端js写法：

<script src="/m/Public/js/jquery.js"></script>

<script>

$(function(){

$('#uName').blur(function(){

   var account=$('#uName').val();

if(account==''){

 $('.uName').html('请输入用户名');

 return false;

}

if(account.length<5 ||account.length>=16){

 $('.uName').html('用户名长度必须在5-16位之间');

  $('.uName').css('color','red');

 return flase;

}

$.post('__URL__/checkAccount',{'account':account},function(data){   //__URL__/checkAccount不可写成U(")方式,可用原生天“index.php/Home/控制器/方法”

                 if(data==1){

    $('.uName').html('该用户名已注册');

}else{

$('.uName').html('恭喜，此用户名可以使用。');

$('.uName').css('color','green');

}

 })

})

$('input[type=password]').blur(function(){

  if($(this).is('#uPwd')){

 if($(this).val()==''){ $('.uPwd').html('请输入密码'); }

  if($(this).val().length<5 || $(this).val().length>=16){

    $('.uPwd').html('密码长度必须在5-16位之间');

  }else{

    $('.uPwd').html('密码正确');

$('.uPwd').css({'color':'green','fontSize':'14px'});

  }

   }

if($(this).is('#uPwd1')){

 if($(this).val()==''){ $('.uPwd1').html('请输入确认密码');}

 if($(this).val().length<5 || $(this).val().length>=16){

    $('.uPwd1').html('密码长度必须在5-16位之间');

  }else{

    if($('#uPwd').val()!=$('#uPwd1').val()){

  $('.uPwd1').html('两次密码不一致');

 }else{

 $('.uPwd1').html('密码正确');

                  $('.uPwd1').css({'color':'green','fontSize':'14px'});

 }

  }

   }

})

  $('#email').blur(function(){

         var email=$('#email').val();

var reg=/^[a-z0-9](\w|\.|-)*@\w{2,}\.(com|cn|net|com.cn|net.cn)$/i;

         if(!reg.test(email)){

   $('.email').html('邮箱格式不正确');

   $('.email').css({'color':'red','fontSize':'14px'});

return false;

 }else{

   $('.email').html('邮箱正确');

$('.email').css({'color':'green','fontSize':'14px'});

 }

 $.post('__URL__/checkEmail',{'email':email},function(data){

 if(data==1){

   $('.email').html('邮箱已注册');

   $('.email').css({'color':'red','fontSize':'14px'});

return false;

 }

 })

  })

})   

 $(function(){

$('#phone').blur(function(){

   var phone=$('#phone').val();   

/*   var reg=/^1[3458]\d{9}$/;

if(!reg.test(phone)){

$('.phone').html('手机号码格式不正确');

$('.phone').css({'color':'red','fontSize':'14px'});

 return false;

}else{

$('.phone').html('手机号码正确');

$('.phone').css({'color':'green','fontSize':'14px'});

}*/

   $.post('__URL__/phone',{'phone':phone},function(data){

        alert(data);

if(data==1){

            $('.phone').html('手机号码已注册');

$('.phone').css({'color':'red','fontSize':'14px'});

return false;

}

    })

})

  $('#userLogin').click(function(){

var account=$('#uName').val();

var uPwd=$('#uPwd').val();

var uPwd1=$('#uPwd1').val();

var email=$('#email').val();

var phone=$('#phone').val();

if(account==''){$('.uName').html('请输入用户名'); return false;}

if(uPwd==''){$('.uPwd').html('请输入用户密码'); return false; }

if(uPwd1==''){$('.uPwd1').html('请输入确认密码'); return false; }

if(email==''){$('.email').html('请输入电子邮箱'); return false; }

if(phone==''){$('.phone').html('请输入手机号码'); return false; }

$.post('__URL__/reg',{'account':account,'password':uPwd,'email':email,'phone':phone},function(data){

        if(data==1){

 alert('注册成功');

 window.location.href='__APP__/Member/User/index';

 return false;

}else if(data==2){

alert('注册失败');

return false;

}

})

  })

})

</script>

对应控制器写法：

thinkphp jquery与ajax用户注册表单验证

实例：thinkphp jquery与ajax实现用户注册表单验证

步骤：

1，检测用户名是否已注册。

2，对邮箱进行检测是否已被注册过。

3，对手机号码进行检测是否已被注册过。

4，分别对这三个表单框添加失去焦点的事件。

5，最后，当点击新用户注册时，对所有文本控件的值判断是否为空，为空则不允许提交。

<?php

 UserAction extends Action{

   

  public function reg(){

     if(IS_POST){

        if(M('member')->data($_POST)->add()){

          echo 1;

        }else{

         echo 2;

        }

    }

     $this->display();

   }

   public function checkAccount(){

     $account=I('post.account');

      $list=M('member')->where(array('account'=>$account))->select();

     $list=$list[0];

     if(!empty($list)){

       echo 1;

     }

   }

   public function checkEmail(){

    $email=I('post.email');

    $list=M('member')->where(array('email'=>$email))->select();

    $list=$list[0];

        if(!empty($list)){

      echo 1;

    }

   }

   public function phone(){    

    $phone=I('post.phone');

    $list=M('member')->where(array('phone'=>$phone))->select();

         $list=$list[0];

         if(!empty($list)){

      echo 1;

    }

       }

}

?>




朱雷霄
关注
thinkphp采用jquery ajax 进行post操作的示例代码
sinat_34469308的博客
08-31 2051
相同的代码，在PHP环境中可以post成功，但是在thinkphp环境中，却post失败， 今天调试了一下，下面这个代码可以在thinkphp中调试成功，记录一下。 view页面： &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;JQueryA
解析 thinkphp 框架中的部分方法
10-19
THINKPHP 框架详解与常用方法解析 ThinkPHP 是一款基于 PHP 的轻量级开发框架，它提供了丰富的功能和简洁的语法，极大地提高了开发效率。本文将深入解析 ThinkPHP 中的部分关键方法，并提供实际使用示例。 1. 数据...
php post提交后分页,thinkPHP使用post方式查询时分页失效的解决方法
weixin_42721619的博客
03-12 278
这篇文章主要介绍了thinkPHP使用post方式查询时分页失效的解决方法,通过使用JavaScript动态修改页面元素结合thinkPHP查询语句解决分页失效的问题,需要的朋友可以参考下本文实例讲述了thinkPHP使用post方式查询时分页失效的解决方法。分享给大家供大家参考，具体如下：昨天晚上一直没有解决的php项目中的bug，就在刚才终于搞定，在这里还需要感谢各位大神给的帮助！具体问题描述...
THINKPHP导入全部post参数
weixin_34000916的博客
01-08 594
@extract($_POST);//导入全部POST参数直接使用变量
在ThinkPHP中常用的表单提交操作
亭有枇杷树
07-22 2899
在ThinkPHP中常用的表单提交操作包括post方法和get方法。 其中post方法相对于get方法较为安全，如果使用get方法的话你的提交的表单包括账号密码等信息将会显示在访问路径当中，而post方法会将其数据隐藏。 改写add方法，判断是否是post请求，如果是，则处理表单的提交，如果不是则展示模版。 扩展：如果判断请求是否是post？ 答：我们可以使用if($_POST)来判断，但...
ThinkPHP中的jQuery用法
静下心来，认真的研究技术。
04-19 1671
<br /><br />$.get("__URL__/websaleresult/am_id/"+city, {Action:"get",am_id:city}, function (data, textStatus){<br /><br />//alert(data);<br />//$('#dailyContent').html(data);<br />document.getElementById("display").innerHTML = data;<br />return false;<br /
AJAX请求 $.post方法的使用
weixin_30316097的博客
10-12 189
使用jQuery的$.post方法可以以POST形式向服务器发起AJAX请求。$.post方法是jQuery的实用工具方法。 $.post方法语法 $.post(url,parameters,callback) 参数 url (字符串)服务器端资源地址。 parameter (对象)需要传...
jQuery仿ThinkPHP官网在线编辑器.zip
07-04
《jQuery仿ThinkPHP官网在线编辑器详解》 在IT领域，前端开发中，富文本编辑器是不可或缺的一部分，它能够提供用户友好的界面，让用户在网页上进行文字编辑、格式调整、图片插入等操作。本篇文章将深入探讨一个基于...
ThinkPHP+jquery实现“加载更多”功能代码
10-20
本文将详细介绍如何使用ThinkPHP框架结合jQuery实现这一功能。 首先，我们来看一下实现这一功能的基本步骤： 1. **前端模板布局**： 在HTML模板文件中，我们需要展示一部分初始数据，然后在底部提供一个“加载更...
ThinkPHP3.2.3框架邮件发送功能图文实例详解
10-17
在ThinkPHP的控制器中，我们需要编写处理邮件发送请求的方法。这一方法会调用PHPMailer类的实例，并使用之前配置文件中提供的参数来初始化邮件发送对象。之后，通过设置邮件收件人地址、主题、内容等信息，调用...
thinkphp中ajax与php响应过程详解
10-25
在ThinkPHP框架中，Ajax与PHP的响应过程是前端与后端交互的关键步骤，主要用于实现动态数据的更新而无需刷新整个页面。以下是对这一过程的详细解析： 首先，我们在前端HTML页面上设置一个触发点，通常是一个链接...
Thinkphp学习日记:jQuery_ajax数据提交
weixin_30361753的博客
09-27 100
最近在玩Thinkphp,废话不多说,说正事. 客户端js提交代码 1 $.post('http://localhost/app/index.php/Index/Index/handle',{username : document.getElementById('username').value,content : document.getElementById('content').va...
.net post提交后接收返回数据_Thinkphp中常用的提交表单的方法
weixin_39562928的博客
11-27 285
php中文网最新课程每日17点准时技术干货分享在ThinkPHP中常用的表单提交操作包括post方法和get方法。其中post方法相对于get方法较为安全，如果使用get方法的话你的提交的表单包括账号密码等信息将会显示在访问路径当中，而post方法会将其数据隐藏。改写add方法，判断是否是post请求，如果是，则处理表单的提交，如果不是则展示模版。扩展：如果判断请求是否是post？答：我...
tp框架使用中间件修改get或者post请求所传递的变量
qq_43287952的博客
09-01 1401
代码： <?php namespace app\http\middleware; class Notiflogcheck { public function handle($request, \Closure $next) { $filter = json_decode(htmlspecialchars_decode($request->get('filter'))); if (isset($filter->result) &
解决 TP5 无法接收客户端 Post 传递的 Json 参数
滴水石穿
06-27 2585
ThinkPHP 版本： 5.0.16 这段时间在学习 API 开发，从网上搞了一个课程在跟着做，就在昨天我又一次碰到了讲师一路畅通我半天调试的情况，遇到的问题是我用 Postman 测试 API 某 Post 接口的时候无论怎么发送请求总是提示我参数验证失败，在我调试的过程中某次采用通过 Body 表传递参数的方法，API 神奇地通了，于是我判断是之前 Json 传递出了问题，就各种在网上搜，然而并没有解决方法[不过 Get 了两个知识点放在文章结尾处]。 关于 ThinkPHP5 的问题度娘不行就只能查
关于ThinkPHP遍历后jquery失效的问题
LHN_hpu的专栏
05-02 546
用thinkphp开发的时候 我用ajax传值给后台，才发现只有第一个值可以实现功能。后面用foreach遍历的都不能使用。 我也不知道怎么回事。 先留在这里，以后在解决！
thinkphp ，php post发送json请求，接收post请求
热门推荐
夜空的流星的专栏
03-30 1万+
原文地址：https://blog.csdn.net/happy_jijiawei/article/details/62229830---------------------------------------------发送方的代码如下[html] view plain copy&lt;?php  namespace Api\Controller;  use Think\Controller; ...
ThinkPHP 3.x中display与show方法详解与实例
在ThinkPHP 3.x版本中，display方法和show方法是视图层的重要组成部分，用于处理模板文件的加载、数据绑定和最终的输出。这两者都是实现前后端分离和代码复用的关键工具。 1. **模板文件定义**: - ThinkPHP 3.x...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值