Question

如何在按钮单击时回显文本框内的文本？这就是我想要做的事情：

<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());

Answer 2

这需要

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

你需要将这些html标签放在<div id="result"></div>

下面

Answer 3

 $.ajax({
        type: "POST",
        url: "index.php",
        data: "text="+$('#name').val()
 });

使用jQuery在click按钮上传递值

3 个答案: