Javascript 使用$.post（）并返回到对象

例如：

<button>Test 1</button>
<button>Test 2</button>
<button>Test 3</button>

因此，根据“a.php”的结果。。按钮将有不同的功能。 我不知道操作系统按钮的数量，这个想法是一个功能对所有。。 你们这些人会怎么做？

试试这样（未经测试）

---

将按钮实例存储为

btn

允许您在$.post的anon函数中调用它，即使之前多次执行单击事件，也会保留引用。post可以返回有效的。

创建对

此

的临时引用以保持关闭：

$('button').click(function(){
     var self = this;
     $.post('a.php',{text:$(self).text()},function(data){
         $(self).css('color',(data == 'doThis') ? '#ff0000' : '#00ffff');
     });
}); 

---

要添加，另一个选项是使用

$.ajax

，并将

上下文

选项设置为

此

，使单击的按钮成为成功回调的上下文：

$.ajax({ 
    url: "a.php", 
    type: "post",
    data: {text:$(this).text()},
    context: this, 
    success: function(data) {
      if(data == 'doThis'){
        $(this).css('color','#ff0000');
      }else{
         $(this).css('color','#00ffff');
      }      
    }
});

---

欢迎来到stackoverflow

$('button').click(function(){
     var self = this;
     $.post('a.php',{text:$(self).text()},function(data){
         $(self).css('color',(data == 'doThis') ? '#ff0000' : '#00ffff');
     });
}); 

$.ajax({ 
    url: "a.php", 
    type: "post",
    data: {text:$(this).text()},
    context: this, 
    success: function(data) {
      if(data == 'doThis'){
        $(this).css('color','#ff0000');
      }else{
         $(this).css('color','#00ffff');
      }      
    }
});