Question

当前代码：的index.html

 <script type="text/javascript">            
            $('#username').blur(function(){
                $.ajax({
                    type: "POST",
                    url: "search.php",
                    data: {text:$(this).val()}
                });
            });
        </script>    

        <form id="search" action="search.php"  method="post">
              <input type="text" id="username" name="username" size="30" placeholder="username ..." />
              <input type="submit" id="submit-button" name="sa" value="search" />
        </form>

的search.php

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

如果我按下提交按钮它可以正常工作，但是我想在没有按下提交按钮的情况下从场中发送值，而不是按下提交按钮。

Answer 1

您可以尝试focusout。

 $('#usernamecopy').focusout(function(){
                $.ajax({
                    type: "POST",
                    url: "search.php",
                    data: {username :$('#username').val()}
                });
            });

在php文件中，您可以使用：

$user= $_REQUEST['username'];

Answer 2

未经测试，但我认为您将data: {text:$(this).val()}更改为data: {text:$("#usernamecopy").val()};它会起作用，因为当你将this放入data时; this引用data而不是#usernamecopy。顺便说一下，我希望您不要将#usernamecopy误认为#username

Answer 3

**Use following code in JavaScript :**

     <script type="text/javascript"> 

            $('#username').blur(function(){
                var value = $("#username").val();
                $.ajax({
                    type: "POST",
                    url: "search.php",
                    data: "username="+value,
                    success: function(data){

                    }
                });                    
            });

     </script>

如何在不使用提交按钮的情况下从html表单传递值

3 个答案: