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>