Question

jquery.ajax具体是如何操作的，用jq.ajax()跳转过去的页面是怎么在后台执行前面的请求回到前一个页面的？

求java大神解答

Answer 1

既然你懂的大概流程，直接上代码可能会快些。

前台页面

<script language="JavaScript">
    $(document).ready(function () {
        $.ajax({
            type    : "POST",
            cache   :false,
            data    : {"name":"Jack"},
            async    : false,
            url     : '/Touches/ajaxTest',
            dataType: 'json',
            success : function(rtn) {
                $("#111").html(rtn);
                alert(document.getElementById("222").innerHTML);
                //这里就是返回的效果，输出Hello Jack!
            },
            error   : function(XMLHttpRequest, textStatus, errorThrown) {
                alert('通信失败：' + errorThrown);
            }
        });
    });
</script>
<div id="111"></div>

后台处理

    //我用的是cakephp框架
    public function ajaxTest() {
        $p = $this->request->data;
        $rtn = '<div id="222">Hello ' . $p["name"] . '!</div>';
        return new CakeResponse(array('body' => json_encode($rtn)));
    }

追问

大概懂了，大神。。还是代码比较方便。
return new CakeResponse(array('body' => json_encode($rtn)));其实这句不太懂，没学过这框架- -

追答

他就是返回给页面的值。就是输出给ajax的结果。
由于我要求的结果形式是json，所以用 json_encode它来转换一下。
其他的就是根据框架不同，响应的写法不同而已

追问

谢谢了

Answer 2

ajax是请求一个地址，后台组装数据返回给前台，前台在success回调函数中执行操作，具体的可以百度搜索，jquery ajax用法

追问

跳转过去的jsp什么都不用写就能响应第一个页面的ajax请求吗？

追答

不是的，要写对应的请求地址

追问

请求地址是在第一个页面写的吧，比如在a.jsp写
jq.ajax({
type : "POST",
url : "b.jsp",
async : false
我的意思是在b要不要写什么来响应这个ajax请求，还是a.jsp页面 post过来以后自动执行b的相应操作然后返回a。

追答

要响应的，传递数据到前台

追问

好的，谢谢了，我再看看