thinkphp使用ajax提交后怎么做页面跳转 thinkphp页面跳转
thinkphp使用ajax提交后怎么做页面跳转
//在ajax 中有个成功的函数success:function(data){
基本常用的就是json
解析json返回的数据 if一下
比如 返回的是{"status":1,"msg":"success"}
那么就是:
if(data.status==1){
window.location.href="这里是你自己的跳转网址"
}
}
thinkphp页面跳转
jquery方法：
MessageAction.class.php
<?php
class MessageAction extends Action{
function index(){
$this->display()
}
function add(){
//ajaxReturn(数据,提示信息,状态)
$m=M(message)
if($m->add($_GET)){
$this->ajaxReturn($_GET,添加信息成功,1)
}else{
$this->ajaxReturn(0,添加信息失败,0)
}
}
}
?>
模板index.html
<html>
<head>
<script type="text/javascript" src="__PUBLIC__/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(function(){
$(input:button).click(function(){
var $title=$(input[name="title"]).val()
var $message=$(input[name="message"]).val()
$mess=$(#mess)
$.getJSON(__URL__/add,{title:$title,message:$message},function(json){
//alert(json)return false
if(json.status==1){
$mess.slideDown(3000,function(){
$mess.css(display,block)
}).html(标题为 json.data.title 信息为 json.data.message)
}else{
$mess.slideDown(3000,function(){
$mess.css(display,block)
}).html(信息添加失败，请检查)
}
})
})
})
</script>
</head>
<body>
<div style="display:none color:red" id="mess"></div>
<form action="" method="get">
标题：<input type="text" name="title" /><br />
信息：<input type="text" name="message" /><br />
<input type="button" value="提交" />
</form>
</body>
</html>
ThinkPHP方法：
MessageAction.class.php
<?php
class MessageAction extends Action{
function index(){
$this->display()
}
function addtwo(){
$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
<html>
<head>
<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/ThinkAjax.js"></script>
<script type="text/javascript">
function add(){
//ThinkAjax.sendForm(表单ID,URL,回调函数,信息显示的地方)
ThinkAjax.sendForm(frm,__URL__/addtwo,wc)
}
function wc(data,status){
if(status!=1){
alert(发送失败)
}else{
$(list).innerHTML =标题 data.title ,信息 data.message
}
}
</script>
</head>
<body>
<div id="list"></div>
<form action="" 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>
用jquery可以自定义弹出的信息
如何在Dreamweaver中做同一张页面的跳转
用跳转菜单就可以实现：