Question

我在通过JS函数返回输入字段值时遇到困难。它确实返回一个值，但它会添加不必要的信息。如何在没有其他东西的情况下回显输入值？ EXAMPLE

JS

   <script>
    $(function() {

    $(".submit").click(function() {

        var name = $("#name").val();                
        var dataString = 'name='+ name;

                $.ajax({
                type: "POST",
                url: "jqueryform.php",
                data: dataString,
                success: function(result){
                $('#special').append('<p>' +  result + '</p>')  

                    }

               });
                return false;
           });     

    });
    </script>

PHP

 <?php
 if($_POST){
     $url     = $_POST['name'];
     echo ('What you type:&nbsp;&nbsp; <b>'.$url.'</b>');
    }
 ?>

HTML

<html>
 <input id="name" name="name" type="text" class="field text medium" value="" maxlength="255" tabindex="1"   />

<input  type="submit" value="Submit" style=" background:#0060a1; color:#FFFFFF; font-size:14px; border:1px solid #0060a1; margin-left:12px" class="submit"/>

<div id="special"> </div>

</html>

Answer 1

将echo语句更改为：

echo ('What you type:&nbsp;&nbsp; <b><span id="resultval">'.$url.'</span></b>');

将响应方法主体更改为：

$('#special').append('<p>' +  $('#resultval', result).html() + '</p>');

Answer 2

您似乎将AJAX提交到标准页面，并附上表单。你可能最好只使用普通的<form>，而不是AJAX，它会完全符合您的预期。

Answer 3

而不是回显普通的php使用Json方法

echo json_encode($rl);

并在ajax调用完成后的JS中解码json编码的字符串并使用它

通过JS函数发布输入字段值

3 个答案: