Question

我有一个名为posts.php的php页面，这个页面只是select all来自名为posts的数据库表并显示它们。在页面下方，我有一个名为post的文本区域。当我按下提交按钮时，AJAX脚本会将文本从textarea发送到名为insert.php的页面。此insert.php获取提交的文本并将其插入posts表。如何在posts.php表格中插入帖子时如何上传posts。

示例：用户123在textarea中写入消息。他按下提交按钮。 AJAX将帖子发送到insert.php。 Insert.php将帖子插入posts表格。 Posts.php显示消息。

Answer 1

你可以很容易地做到！这是一个非常简单的示例。

<强> func.js

$(document).on("click", ".submitBtn", function() {
    var textareaVal = $(".textarea").val();
    $.ajax({
        type: "POST",
        url: "insert.php",
        dataType: "text",
        data: { postVar: textareaVal },
        success: function(data) {
            $(".resultDiv").load("posts.php");
        }
    });
});

<强> insert.php

// You have to pay attention to AJAX can only invite your file!
if (!empty($_SERVER["HTTP_X_REQUESTED_WITH"]) && strtolower($_SERVER["HTTP_X_REQUESTED_WITH"]) == "xmlhttprequest") {
    if (isset($_POST["postVar"])) {
        $var = sanitize($_POST["postVar"]); // You need sanitize the data!
        // Insert into your table...
    }
}

在 posts.php 中，从表中选择数据，但只选择数据，而不使用“HTML容器”！您的JS文件在resultDiv框中加载此数据。

Answer 2

我不确定你为什么需要通过ajax这样做，但是：

$( "#myForm" ).submit(function( event ) {
 $.ajax({
         type: 'post',
         url: '../insert.php' ,
         data: { value1: document.getElementById('textarea').value },
         success: function () {
           alert("yay!");
         }
 });
});

发送变量从PHP到AJAX

2 个答案: