2012-02-15 68 views
0

我有一個非常簡單的問題。我嘗試使用以下按鈕在執行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" 
); 
}); 
+0

你綁定帶有Javascript/jQuery的事件? – Purag 2012-02-15 03:30:35

+0

是的,我與Jquery綁定。還有Josh,在我不知道我應該接受答案之前,我很愚蠢。我在一個小時內接受了我最後一個問題的答案。另外,是的,我只需要一個超鏈接。 – user1011713 2012-02-15 03:33:35

+0

你應該向我們展示jQuery。根據你的綁定方法,有幾種方法可以做到這一點。 – Purag 2012-02-15 03:37:16

回答

2

下面是一個例子,如果我正確地理解你的問題:

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

工作完美!謝謝。 – user1011713 2012-02-15 03:55:46

0

可能這可以幫助你

$('#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>