Question

ajax能真正把返回的结果融入调用页面吗？

就是ajax能返回结果，但是查看网页源代码，却找不到返回的那段代码！这个如何让返回的值真正存在于请求页面中，我有事件需要绑定到上面！谢谢各位大神了！
$(document).ready(function(){ $("select").change(function(){ //下拉框改变 var va = $(this).val(); //获取val值 $.post("cate_select.php",{cate_id:va}, //请求数据 success(data){ $("#cate_low").html(data); //返回数据处理 $('#select'+va).change(function(){ alert(""); //ajax请求和你第一个差不多 });
}); });});

Answer 1

ajax一般是异步请求，因为结果不是实时返回的

要对ajax的结果进行操作，请在success块中完成，即请求成功的毁掉函数

例

$.ajax({
    url: 'xxx',
    success: function(data){
        //将返回的数据载入div，添加到body中，并绑定事件
        $('<div>'+ data +'</div>')
        .appendTo(document.body)
        .addClass('xxx')
        .on('click', function(){
            alert('ajax请求来的数据被点了');
        });
    }
});

在上面的例子中，如果在函数外侧是不能给新添加的元素绑定事件的（至少第一次不能，因为该元素在ajax请求成功之前还未被创建）

追问

请问该如何加啊！代码我发到问题补充里面了！谢谢啊！一定采纳

追答

好的，我想问这样一个问题

你第二个select是整个select标签加option返回回来的吗？

如果是的话，你可以这样来写，在后台就输出<select id="xxx" onchange="select2();">

然后再定义一个js函数select2来处理这个选择事件

当然，咱们也可以在ajax执行了来搞，以你的代码为例

success(data){
    //麻烦在返回的第二个select上加个id，这里我认为他是s2
    $("#cate_low").html(data);
    $('#s2').change(function(){
        //ajax请求和你第一个差不多
    });
}

$("#给你的第一个select加个id。不要全用select").change(function(){
    $.post("cate_select.php",
    {
    cate_id: $(this).val()
    },
    function(data){
        //后台返回select标签的时候给你新增的select加一个id
        $("#cate_low").html(data);
        //第2个select的监听
        $("#你新的select的id").change(function(){
            $.post("cate_select.php",
            {
            cate_id_2: $("#你新的select的id").val()
            },
            function(data){
                //some code
            });
        });
    });
});

不好意思啊，没注意你用的post方法，改改，之前的写错了，呵呵

追问

谢谢啊！这个可以显示下一级！其实我想要的是无限级的，这个还不管！谢谢！

Answer 2

首先你要确认ajax是否有响应数据，其次在响应成功的时候你把响应回的数据innerHTML到页面某一个元素的位置，应该就能看到效果了。

追问

数据发回来了，但查看网页源代码里面没有，不能再数据上加事件

Answer 3

这个 不是不能融入 ，关键在于 你没有对第二个写方法 加个方法就好 $("#ID").change(function(){

})