Question

ThinkPHP中jquery问题

我不想在本页面追加查询结果，而想跳转到新页面显示查询结果。
function search() {
key = $("#search").val();

if (key.length == 0) {
alert('请输入查询条件');
return;
}

$.post("__APP__/Index/search", { search_key:key },
function(data,status){

// alert("Data: " + data + "\nStatus: " + status);
$("#table1 tbody").append(data);
不知道怎么弄，本人新手菜鸟，求指导。

Answer 1

那就不需要使用Ajax啊，直接将查询提交到新页面即可：

1、修改search函数

function search() {
        key = $("#search").val();
        if (key.length == 0) {
            alert('请输入查询条件');
            return;
        }        
        window.location.href = "__APP__/Index/search?search_key"+key;
}

2、后台的__APP__/Index/search函数不要使用ajax返回，直接显示模板

3、新写一个显示查询结果的模板页面。

追问

就是post新页面吗？
我就是想问问这个方法里能不能实现跳转，不会写。大神能不能详细教教

追答

对啊，直接跳转到新页面，你可以用form表单提交，也可以在前台的search函数中跳转，参考如下思路：

1、修改search函数

function search() {
        key = $("#search").val();
        if (key.length == 0) {
            alert('请输入查询条件');
            return;
        }        
        window.location.href = "__APP__/Index/search?search_key"+key;
}

2、后台的__APP__/Index/search函数不要使用ajax返回，直接显示模板

3、新写一个显示查询结果的模板页面。

追问

search怎么改呢，大神，待会给你加分哈

   

追答

if($data)及之后的部分删掉，改为

$this->assign("data",$data);
$this->display();

追问

新模板建立后怎么指向和输出啊。另外报错上图

追答

哪一个页面的报错？点击搜索之后的报错？
新模板中使用thinkphp模板标签的volist进行循环输出，这个涉及到你的$data数组的结构，你可以百度一下volist的使用，很简单。

追问

是的点击搜索，毫无反应，调试看报错的。

追答

怀疑是跳转地址写错了，你把js函数中 window.location.href = "__APP__/Index/search?search_key"+key; 改为 window.location.href = "可以访问的地址，例如百度";试试能不能跳转

Answer 2

ThinkPHP搜索查询的key，获取时需要用$_GET方式！

追问

具体还是不会，我只会php的，这个thinkphp的语言语法不太懂

追答

search_key 获取要用get方式获取
就是你search() 第一行 $key = I('get');