在执行AJAX调用时交换文本输入按钮

我有一个非常简单的问题。我尝试使用以下按钮在执行AJAX调用时交换文本输入按钮

<input type="submit" value="My Button" id="get" />

的问题是，我不希望有一个按钮，使Ajax调用，我需要纯文本站在而不是被点击的按钮。

完整代码。这只是从一个小脚本。

$("#load_get").click(function(){ 
$("#result") 
.html(ajax_load) 
.load(loadUrl, "language=php&version=5"); 
}); 

//$.get() 
$("#get").click(function(){ 
$("#result").html(ajax_load); 
$.get(
loadUrl, 
{language: "php", version: 5}, 
function(responseText){ 
$("#result").html(responseText); 
}, 
"html" 
); 
});

来源

2012-02-15 user1011713

你绑定带有Javascript/jQuery的事件？ – Purag 2012-02-15 03:30:35

是的，我与Jquery绑定。还有Josh，在我不知道我应该接受答案之前，我很愚蠢。我在一个小时内接受了我最后一个问题的答案。另外，是的，我只需要一个超链接。 – user1011713 2012-02-15 03:33:35

你应该向我们展示jQuery。根据你的绑定方法，有几种方法可以做到这一点。 – Purag 2012-02-15 03:37:16

下面是一个例子，如果我正确地理解你的问题：

<script> 
$(function() { 
    $('.ajaxLink').click(function(evt) { evt.preventDefault(); /*$.get()*/}); 
}); 
</script> 
<a class="ajaxLink" href="#">text</a>

来源

2012-02-15 03:39:07 Laurent

工作完美！谢谢。 – user1011713 2012-02-15 03:55:46

可能这可以帮助你

$('#submit').click(function(e){ 
    e.preventDefault(); 
    //e.stopPropagation(); 
    var url=$(this).closest('form').attr('action'); 
    var formData = $(this).closest('form').serialize(); 
    $.ajax({ 
     type: $(this).closest('form').attr('method'), 
     url: url, 
     data: formData, 
     success: function(data){ ...}, 
     error:function (xhr, ajaxOptions, thrownError) 
     { 
      alert("Error:"+xhr.status+" "+thrownError); 
     } 
    }); 
});

你的形式可能是

<form method="post" action="process.php" id="myform"> 
    <input name="one" type="text" value="input one" /> 
    <input name="two" type="text" value="input two" /> 
    <a href="" id="submit">Submit</a> 
</form>

来源

2012-02-15 04:00:57

在执行AJAX调用时交换文本输入按钮

回答

相关问题