jquery ajax success 循环问题。

Question

我想使这个效应。首先，在我的主页有一些链接标签。 点击每一个，传递相对的值到2.php，返回值到div＃result。2.php有一个搜索框。 当搜索一些东西。 结果数据仍将显示在div＃result。我的问题是：我知道要在2.php里运行JQUERY代码，需要把JQUERY代码写进success里。但是下面的jqeury代码，在2.php里进行搜索，只能操作一次，当我再次进行搜索时，jQuery的无法工作。 我觉得我遇到了一个循环的问题。 如何解决呢？1.php<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">    
 $(document).ready(function(){
    $('.click').click(function(){
    var value1 = $(this).text();
        $.ajax({
            url: "2.php", 
            dataType: "html",
            type: 'POST', 
            data: "data=" + value1, 
            success: function(data){
            $("#result").html(data);
            $('#search').click(function(){
            var value = $('#search1').val();
                $.ajax({
                    url: "2.php", 
                    dataType: "html",
                    type: 'POST', 
                    data: "data=" + value, 
                    success: function(data){
                        $("#result").html(data);
                    }
                });
            });
            }
        });
      });
    });
</script>
<a rel="aa" class="click">aa</a>
<a rel="aa" class="click">bb</a>
<div id="result"></div>2.php
<?php
print_r($_POST['data']);//省略数据库搜索，用print代替，检查数据传递情况。
?>
<form name="form">
<input type="text" value="" id="search1">
<a name="Search" id="search">search</a>
</form>

Answer 1

老大 你两个嵌套的click当然不行，你把这个去掉 $('.click').click(function(){

Answer 2

<script type="text/javascript">    
 $(document).ready(function(){
        var value1 = $(this).text();
        $.ajax({
            url: "2.php", 
            dataType: "html",
            type: 'POST', 
            data: "data=" + value1, 
            success: function(data){
            $("#result").html(data);
            }
           })
            $('#search').click(function(){
            var value = $('#search1').val();
                $.ajax({
                    url: "2.php", 
                    dataType: "html",
                    type: 'POST', 
                    data: "data=" + value, 
                    success: function(data){
                        $("#result").html(data);
                    }
                });
            });
          });
 </script>

Answer 3

   <script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">    
 $(document).ready(function(){
    $('.click').click(function(){
    var value1 = $(this).text();
        $.ajax({
            url: "2.php", 
            dataType: "html",
            type: 'POST', 
            data: "data=" + value1, 
            success: function(data){
            $("#result").html(data);
            }
        });
      });
    });
</script>
<a rel="aa" class="click">aa</a>
<a rel="aa" class="click">bb</a>
<div id="result"></div>
这样试一下呢，你把两个都写在里面干嘛啊

Answer 4

@ma1986, 不行啊~~帮忙测试一下。搜索不起左右。@gouxiongyaya，搜索呢？怎样在 div#result 的搜索框里进行搜索？我需要再搜索也可以传值。

Answer 5

@ma1986，第一个click 是将主页上的超链值传递到2.php里。去掉$('.click').click(function(){  ，变成1.php页面上的值，全部都提交到2.php里了。我需要一个点击切换。