如何通过ajax从php中的表单始终如一地传输数据?

时间:2016-08-21 14:23:41

标签: javascript php jquery ajax

有两个文件:

1)index.html

<form id="myForm">
<textarea rows="10" cols="45" name="field1"></textarea>
<input type="submit" value="Send">
</form>

<div id="content"></div>

<script>
        $(document).ready(function(){
            $('#myForm').submit(function(){
                var str = $(this).serialize();
                $.ajax({
                    type: "POST",
                    url: "test.php",
                    data: str,
                    success: function(html){
                        $("#content").html(html);
                   }
                });
                return false;
            });

        });
    </script>

2)test.php

<?php 
$field1 = $_POST['field1'];
echo "Hello, <b>".$field1."</b>!<br>";
echo "Time: " . date("H:i:s") . "<br/>" . "\n";
sleep(5);
echo "Done";
?>

我发送到表格:

马沙 大傻 彼得 武

这些是一个列表,以\ r \ n。

分隔

如何使用ajax在php文件中一致地传输数据到输出:

Hello, Masha
Time: 10:06:00
ok
Hello, Dasha
Time: 10:06:05
ok
Hello, Peter
Time: 10:06:10
ok
Hello, Sasha
Time: 10:06:15
ok

数据应逐渐显示在页面上,在这种情况下,5秒后可以在收到回声“ok”后收到后续动作的奖励;我想第一个进入js数组,其中分隔符是\ n \ r \ n,逐渐提供php,开启前会话。

注意:在php中提供数组的选项,其随后的扩展和回送发送是不合适的,因为大量的传入数据是高负载,这会增加预期并可能导致错误,并且逐渐在HTML中发布信息毫无疑问。

P.S。抱歉我的英文不好

0 个答案:

没有答案