2016/05/17 thinkphp3.2.2 ① Ajax 使用 ②前端验证

显示效果:

①Ajax使用:   注意传值的所有过程用的是小写,及时数据库列的名称中有大写字母

控制器部分:

AjaxController.class.php

 1 <?php
 2 namespace Home\Controller;
 3 use Think\Controller;
 4 class AjaxController extends Controller
 5     {
 6
 7         public function Ajax(){
 8
 9             if (empty($_POST)) {
10                 $this->display();
11             }
12             else{
13                 $code=$_POST["code"];
14                 $nation=D(‘nation‘);
15                 $attr=$nation->find($code);
16                 $name=$attr["name"];
17                 $this->ajaxReturn($name,‘eval‘);
18
19             }
20         }
21
22
23     }

②Ajax.html

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6     <script src="../../../../../jquery-1.11.2.min.js"></script>
 7 </head>
 8 <body>
 9
10 <input type="text" id="code"></input>
11     <!-- <input type="button" value="显示" id="test"></input> -->
12 <span id="xianshi"></span>
13 <form>
14 <input type="text" required="required"></input>
15 <input type="submit" value="提交"></input>
16 </form>
17 </body>
18 </html>
19 <script type="text/javascript">
20     $(document).ready(function(e){
21
22         $("#code").blur(function(){
23             //alert($);
24             var code=$(‘#code‘).val();
25             $.ajax({
26                 url:"__SELF__",
27                 data:{code:code},
28                 type:"POST",
29                 dataType:"TEXT",
30                 success:function(data){
31                     //alert(data);
32                     $("#xianshi").html(data);
33                 }
34             })
35         })
36     });
37 </script>

时间: 2024-10-18 10:13:09

2016/05/17 thinkphp3.2.2 ① Ajax 使用 ②前端验证的相关文章

2016/05/17 thinkphp3.2.2 分页的使用:①在Home下设置Publics文件夹或在thinkPHP下library的vender 把page.class.php 考贝进入 ②通过new 实例化方式调用 $page=new \Home\Publics\Page($total,3);

注意分页的方法有两种:一种是thinkphp3.2 自带的   另一种是之前新闻页用过的     显示效果稍有差别 显示效果: 细节问题: ①搜索页面  要加session判断   和  分页 ②修改和添加页面需要有session判断 ③增删改的权限设置 控制器端: 1 <?php 2 namespace Home\Controller; 3 use Think\Controller; 4 class UserController extends Controller 5 { 6 public

2016/05/15 ThinkPHP3.2.2 表单自动验证实例 验证规则的数组 直接写在相应的控制器里

使用TP 3.2框架 验证规则也可以写到模型里,但感觉有些麻烦, 一是有时候不同页面验证的方式会不一样, 二是看到这个   Add  事件里的代码,就清楚要接收什么数据,如何验证数据能够在第一眼有个大致了解 ①控制器代码页 1 <?php 2 namespace Home\Controller; 3 use Think\Controller; 4 5 header("Content-type: text/html; charset=utf-8"); 6 7 class AddCo

2016/05/16 thinkphp3.2.2 验证码使用

Think\Verify类可以支持验证码的生成和验证功能. 生成验证码 下面是最简单的方式生成验证码: $Verify =new \Think\Verify(); $Verify->entry(); 上面的代码会生成默认的验证码图片并输出,显示如下: 生成的验证码信息会保存到session中,包含的数据有: array('verify_code'=>'当前验证码的值','verify_time'=>'验证码生成的时间戳') 如果你需要在一个页面中生成多个验证码的话,entry方法需要传入

2016年最权威的1000集大型web前端视频教程(爱创课堂出品)

标题:2016年最权威的1000集大型web前端视频教程(爱创课堂出品): 爱创课堂Web前端开发工程师培训-价值1万8课程Web前端开发工程师,主要职责是利用HTML.XHTML.CSS.JAVAScript.FLASH等各种Web前端技术进行客户端产品的开发.完成客户端程序( 也就是浏览器端)的开发,开发JavaScript以及Flash模块,同时结合后台开发技术模拟整体效果,进行丰富互联网的Web前端开发,致力于 通过技术改善用户体验. 需要联系下载视频请加QQ:2079576908 第一

validate+jquery+ajax表单验证

①Html form表单内容 <form class="cForm" id="cForm" method="post" action=""> <p> <label for="user">用户名</label> <input id="user" name="user" required minlength="

jQuery结合Ajax实现简单的前端验证和服务端查询

上篇文章写了简单的前端验证由传统的JavaScript转向流畅的jQuery滑动验证,现在拓展一下,使用Ajax实现用户体验比较好的异步查询,同样还是从建立一个简单的表单开始 1 <form name="form2"> 2 <label class="style1">请输入要查询的内容:</label> 3 <br /> 4 <br /> 5 <input name="neirong&quo

Java项目(1)——采用Ajax异步交互技术验证用户代码是否重复

DRP项目中涉及到注册用户的问题.本文讲述的是注册过程中使用Ajax异步交互验证用户名是否已经存在的实现原理.之前很多项目中并未使用Ajax技术,结果是所有的判断都等到点击提交按钮时再执行,这样的结果无非是网站卡/软件死,都说不作死就不会死,所以Ajax被广泛应用,用户竖起拇指称赞,不得不说Ajax俘虏了web用户啊~~ 实现之前先了解下AjaxreadyState的五个状态. 因本人越来越倾向于英文原版,觉得从它的本源探索会更直接更容易理解,所以在下面使用了英文解释,后面是自己的理解. 0:

struts2+ajax实现异步验证

由于老师布置作业的需要,在添加管理员的时候,要实现验证添加的管理员的用户名是否在数据库中已经存在,然后再客户端给用户一个提示.我首先想到的就是利用ajax实现异步验证技术,由于利用的ssh框架,所以在这要对struts2和ajax进行整合,由于我还没把ajax的一些知识总结出来,所以在这也不提了,有关ajax的详细内容将会在以后的博客中写出来.现在我们就以我做的这个添加管理员,验证管理员的用户名是否存在来说一下这个struts2+ajax实现异步验证技术. 首先我们来看一下我们的form表单:

asp.net ajax+ashx局部验证

优化用户体检功能 前台页面: <script type="text/javascript"> function createXHL() { if (window.XMLHttpRequest) return new XMLHttpRequest; else if (window.ActiveXObject) return new ActiveXObject("Microsoft.XMLHTTP"); } var xhr = ""; f