首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Ajax >

ThinkPHP学习札记(十五)使用Ajax和Jquery来实现页面无刷新

2013-02-17 
ThinkPHP学习笔记(十五)使用Ajax和Jquery来实现页面无刷新Action!DOCTYPE html PUBLIC -//W3C//DTD HTML

ThinkPHP学习笔记(十五)使用Ajax和Jquery来实现页面无刷新

Action

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><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/ajax/ThinkAjax.js"></script><script type="text/javascript">function add(){ThinkAjax.sendForm('frm','__URL__/add',callback,'result');}function callback(data,status){alert(status);if(status==1){$('msg').innerHTML+='标题'+data.title+',信息'+data.message;}else{alert('参数错误');}}</script><title></title></head><body><!-- 1.ajax实例,将js文件放入Public/js/之下 --><div style="color:red;" id="msg"></div><!-- 加入id,加入onclick事件 --><form action="__URL__/add" 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>


热点排行