ThinkPHP中创建交互式、快速动态网页应用的网页开发技术使用实例教程

本文实例讲述了ThinkPHP中使用创建交互式、快速动态网页应用的网页开发技术的方法，提交表单如下图所示：

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

一、jquery实现方法：

MessageAction.class.php页面代码如下：

？phpclass消息操作扩展了action { function index(){ $ this-display()；}函数add(){ //ajaxReturn(数据，'提示信息，状态)$ M=M('消息')；if($ m-add($ _ GET)){ $ this-AJaxreturn($ _ GET，'添加信息成功',1);}else{ $this-ajaxReturn(0，)添加信息失败',0);} } }?模板index.html代码如下：

html头脚本类型=' text/JAVAScript ' src=' http : _ _ PUBLIC _ _/js/jquery-1。7 .1 .量滴js '/script脚本类型=' text/JavaScript ' $(function(){ $(' input 3360 button ')).单击(function(){ var $ title=$(' input[name=' title ']').val()；var $ message=$(' input[name=' message ']').val()；$ mess=$(' # mess ')；$.getJSON('__URL__/add '，{title:$title，message:$message}，函数(JSON){//alert(JSON)；返回falseif(JSON。status==1){ $ mess。向下滑动(3000，function(){ $mess.css('display '，' block ')；}).html(")标题为' json.data.title '信息为JSON。数据。消息)；}else{ $mess.slideDown(3000，function(){ $mess.css('display '，' block ')；}).html(")信息添加失败，请检查');} });})})/script/head dydiv style=' display : none；color : red ' id=' mess '/div form action=' method=' get '标题：输入类型='text' name='title' /br /信息：输入类型='text '名称='message' /br /输入类型='按钮'值='提交//表单/正文/html二、ThinkPHP实现方法：

MessageAction.class.php页面代码如下：

？phpclass消息操作扩展了action { function index(){ $ this-display()；}函数添加两个(){ $ 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代码如下：

htmlheadscript类型=' text/JAVAScript ' src=' http : _ _ PUBLIC _ _/Js/BaSe。Js '/script脚本类型=' text/JAVAScript ' src=' http : _ _ PUBLIC _ _/Js/prototype。Js '/script脚本类型=' text/JAVAScript ' src=' http : _ _ PUBLIC _ _/Js/mootools。Js '/script脚本类型=' text/JavaScript ' src=' https表单身份证，网址，回调函数，信息显示的地方);ThinkAjax.sendForm('frm '，' __URL__/addtwo '，WC)；}功能wc(数据，状态){ if(状态！=1){ alert('发送失败');} else { $("list ").innerHTML='标题data.title '，信息data . message } }/script/head dydiv id=' list '/div form action=' method=' POST ' id=' frm '标题：输入类型='text' name='title' /br /信息：输入类型='text '名称='message' /br /输入类型='按钮'值='提交onClick=' add()'//表单/正文/html感兴趣的朋友可以测试运行一下本文所示实例，可以加深对埃阿斯应用的理解。

更多关于thinkPHP相关内容感兴趣的读者可查看本站专题： 《ThinkPHP入门教程》 、 《thinkPHP模板操作技巧总结》 、 《ThinkPHP常用方法总结》 、 《smarty模板入门基础教程》 及《PHP模板技术总结》 。

希望本文所述对大家基于ThinkPHP框架的服务器端编程语言(专业超文本预处理器的缩写)程序设计有所帮助。