javascript - 使用 jQuery 在单击按钮上传递值

Question

这个问题已经有答案了:

What is the difference between client-side and server-side programming? (3 个回答)

已关闭 8 年前。

如何在单击按钮时回显文本框中的文本？这就是我正在尝试做的事情:

<script type="text/javascript">
$(function() {  
    $('#button').click(function(){
        $.ajax({
            type: "POST",
            url: "index.php",
           data: {text:$('#name').val()}
        });
    });
});
</script>

<button id="button" type="button">submit</button>


<form method="post">
          <input type="text" id="name" name="name" size="31" placeholder="name ..." />
</form>

<?php echo $_POST['text']; ?>

Answer 1

如果你想显示的是服务器的响应，你可以这样做:

$(function() {  
    $('#button').click(function(){
        var xhr = $.ajax({
            type: "POST",
            url: "index.php",
           data: {text:$('#name').val()}
        });
    });

    xhr.done(function(response){
        $('body').append(response);
    });
});

在这里，我将它附加到正文中，因为我不知道您想将它插入到哪里。

<小时/>

如果您想显示文本输入中的内容，请将该行替换为

$('body').append($('#name').val());