Question

我知道有点php，ajax＆amp; javascript（和jQuery） - 但由于我有点乞讨，我需要一些帮助来连接这个简单任务的点：

我想让用户输入一些文字（让我们说：“我看到了太阳，太阳是如此美丽而有光泽”）我希望将此文本发送到服务器，然后将“sun”替换为“sun”月亮“） - 把它发回给用户并写信给他：”我看到了月亮，月亮是如此的美丽和闪亮“。

我只需要帮助理解：

如何使用php将文本发送到服务器。
如何操作它并将其发送回用户。

我确信有一个教程 - 我只是不知道如何寻找它所以我在这里问 - 要有一个良好的开端。

Answer 1

    <?php
       if (isset($_POST['text']))  //only execute if some text were sent to this script
       {
          echo str_replace('sun','moon',$_POST['text']); //manipulate the text and print it
          die(); // stop script execution
       }
    ?>
    <html>
    <head>
      <script>
        $(document).ready(function(){//when document finished to load
          $('#send').click(function(){//when user clicked on send button
            var text = $('#text').val();//get the text from input field
            $.post('',{text:text},function(data){ // send the text to the current script as a post variable called text
              alert(data); // when we received the response display it in alert window
            });
          });
        });
      </script>
    </head>
    <body>
        <input type="text" id="text" />
        <input type="button" value="send" id="send" />
    </body>
    </html>

Answer 2

不需要ajax

<?php
if ($_POST){
    if ($_POST['name']){
        echo str_replace('sun', 'moon', $_POST['name']);
    }
}
?>
<form method="post" action="">
<input type="text" name="text" />
<input type="submit" />
</form>

如果你想要ajax，请执行此操作

<?php
if ($_POST){
    if ($_POST['name']){
        echo str_replace('sun', 'moon', $_POST['name']);
    }
}else{
?>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script>
$("form").submit(function(){ 
       $.post('<?php echo $_SERVER['PHP_SELF']; ?>', {name:$("#name").val()},                                                                                                                   
               function(html){
                    $("body").append(html);
               }
       );
       return false;
</script>
<body>
<form method="post" action="">
<input type="text" id="name" name="name" />
<input type="submit" />
</form>  
</body>
<?php 
}
?>

Answer 3

Google是你的朋友。我搜索了“ajax for beginners jquery php”。有数以百计的资源可以引导您完成这件事。这是我找到的一个教程：

http://www.devirtuoso.com/2009/07/beginners-guide-to-using-ajax-with-jquery/

Answer 4

尝试谷歌搜索ajax和jquery教程。基本上它会像这样工作：

获取用户文本输入并调用将该文本发送到process.php页面

的javascript函数

//input page    
function getAjax(text){

        var $data = "sentText="+ text +";

            $.ajax({
            type: "GET",
            dataType: 'text',
            url: "process.php",
            data: $data,
            success: function(output){              
                $('#responseDiv').html(output); //output is the text echoed from the php page
                }   
        });
    }

在process.php页面上

从$ _GET变量中获取该文本

//process.php
  $sentText = $_GET['sentText'];

echo $sentText.' - some new text added';

如何将文本发送到服务器并进行操作

4 个答案: