在执行AJAX调用时，将输入按钮替换为文本

Swap input button for text while performing AJAX call

本文关键字：按钮 输入 替换 文本 执行 AJAX 调用      更新时间：2023-09-26

我有一个非常简单的问题。我正在尝试使用以下按钮进行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"
);
});

如果我正确理解你的问题，这里有一个例子：

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

这可能会帮助您

$('#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>
相关文章：