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

时间:2012-02-15 03:28:40

标签: javascript css ajax

我有一个非常简单的问题。我正在尝试使用以下按钮进行ajax调用

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

问题是我不想要一个按钮,我需要纯文本代替而不是一个被点击的按钮。

完整代码。它来自一个小脚本。

$("#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"
);
});

2 个答案:

答案 0 :(得分:2)

如果我正确理解你的问题,这是一个例子:

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

答案 1 :(得分: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>