是否可以将Jquery-ajax值返回到按钮中?

时间:2014-08-11 09:34:45

标签: jquery ajax

有可能这样做吗?

<script>
$(document).ready(function(){   
 $("#1click").click(function(){           //here the click1 button is executed
     var value=2;

     $.ajax({                            //here we have ajax the value to another page
     type: "POST",
     url: "test2.php",
     data:{'prop':value},
     success: function(data){
        alert(data);
      $("#into1").html(data);           //here we have taken return value into the button
    }
 });
});
$("#into1").click(function(){         //when "into1" is clicked 

       alert(("#into1").val());
      });
});

 </script>
<body>
<button  id="1click">click1</button>

<button  id="into1">click2</button>

</body>

现在test2.php包含此代码,返回值将发送回ajax

<?php
$pid=$_POST['prop'];
$cid=$pid+1;
echo $cid;
?>

还是有其他方法可以将返回值输入按钮

3 个答案:

答案 0 :(得分:0)

在评论中,你已经谈到要从数据中取出按钮的,这让我觉得你正在寻找这样的东西:

$.ajax({
    type: "POST",
    url: "main-ajax.php",
    data: {
        'prop': value
    }, //sending data to the ajax page
    success: function(data) {
        $("#into1").val(data); // Setting the button's value using the returned data
    }
});

如果您在按钮上有一个点击处理程序,那么单击按钮时如果 ajax调用已完成,您可以获得其值:

$("#into1").click(function() {
    var val = $(this).val(); // Or just: var val = this.value;
    // ...do something with it (and prevent the default, if the button is in
    // a form and you don't want the form submitted)
});

答案 1 :(得分:0)

  

&#34;我正在尝试将ajax返回值放入按钮中,以便在   按下该按钮我应该能够使用jquery中的值&#34;

是的,你可以写下面的代码,但这也会改变我觉得你不想要的按钮测试。

$.ajax({
type: "POST",
url: "main-ajax.php",
data:{'prop':value},               //sending data to the ajax page
success: function(data)
 {
$("#into1").html(data);           //pushing the returned data into the button
}
});

所以代替上面的代码你可以写

$.ajax({
    type: "POST",
    url: "main-ajax.php",
    data: {
        'prop': value
    }, //sending data to the ajax page
    success: function(data) {
        $("#into1").val(data); // Setting the button's value using the returned data
    }
});

上面的代码会将一个属性值添加到按钮标记中,并使用返回的数据填充该属性。

用于在代码中的任何位置获取该数据,您可以通过以下语句获取它:

 $("#into1").val();

答案 2 :(得分:-1)

http://jsfiddle.net/tb64ut3c/

$("#into1").html("Somre random value");

该代码应该可以正常工作