javascript - 使用ajax将数据发送到php页面并获取响应并显示在字段中

Question

我有以下表格，我想发布到 page.php 并希望在 page.php 上获得计算结果，并希望使用 AJAX 或 JQUERY 在表格框中显示该数据，这可能吗？如果是，请告诉我。我不想刷新页面，因为我想在单个页面上填充所有数据并希望在该页面上显示所有结果（IN 表格单元格作为一个表格中的用户输入数据，它将更新其响应）。

<form method = "post" action = "page.php">
    <input type = "text" name = "fld1" id = "fld1" />
    <input type = "text" name = "result1" id = "result1" value = "value_from_php_page" disabled />
    ...
</form>

Answer 1

是的，有可能。看看这个例子。

在您的 page.php 上

<?php
    echo $_POST["fld1"];
?>

在您的 myForm.html 上。event.preventDefault() 是必需的，否则提交将默认执行并且页面将被重新加载。

<script>
$(function(){
    $("#submit").click(function(event){ 
        event.preventDefault();
        $.ajax({
            type:"post",
            url:"page.php"
            data:$("#form").serialize(),
            success:function(response){
                alert(response);
            }
        });
    });
});
</script>
<form id="form" method = "post" action = "page.php">
    <input type = "text" name = "fld1" id = "fld1" />
    <input type = "text" name = "result1" id = "result1" value = "value_from_php_page" disabled />
    <input type="submit" value="Submit" id="submit">
</form>