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

标签 javascript jquery ajax

我在通过 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>

最佳答案

您似乎正在将 AJAX 提交到标准页面,并附有表单。您可能最好只使用常规 <form> ,无需 AJAX,并且它将完全按照您的预期工作。

关于javascript - 通过 JS 函数发布输入字段值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11477578/

相关文章:

javascript - 无法用Electron写入文件

javascript - jQuery 数据表单元格不更新

MVC 应用程序中的 Ajax Post 参数始终为空

php - 使用 PHP 从浏览器将多个文件直接上传到 AWS S3 存储桶

javascript - 按字母顺序对描述术语进行排序,并随之移动后面的 DOM 元素

javascript - Android 喜欢状态栏吗?

javascript - 如何在 MongoDb .aggregate() 中的 $lookup 中添加条件?

javascript - 为什么 jqueryUI datepicker 会抛出错误?

javascript - 一种测试javascript方法的方法

jquery - asp.net mvc/jquery 的自定义 css/sass 样式