【问题标题】:Send variable From PHP to AJAX [closed]将变量从 PHP 发送到 AJAX [关闭]
【发布时间】:2016-08-10 19:14:36
【问题描述】:

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

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

【问题讨论】:

  • 我从您的问题中了解到,您有一个带有文本输入字段和提交按钮的页面,当用户在输入字段中写下一些值并按下提交时,您需要放置该值在您的帖子表中,也出现在您的表单下方。我说的对吗?
  • 您需要实现两个ajax请求:一个用于插入数据(insert.php),第二个用于轮询。更多关于投票的信息是here
  • 有两种方法可以实现这一点。 a) 创建一个 AJAX 调用,它可以重新加载页面上的帖子。在 AJAX 调用插入后,调用刷新后的 AJAX 调用。 b) 调用 insert.php 时刷新页面
  • 欢迎来到 Stack Overflow。请阅读以下文章,了解如何在本站提问:stackoverflow.com/help/how-to-ask

标签: php mysql ajax


【解决方案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");
        }
    });
});

插入.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 框中。

【讨论】:

  • 请看我的回答!
【解决方案2】:

我不确定您为什么需要通过 ajax 执行此操作,但是:

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

【讨论】:

    猜你喜欢
    • 2012-12-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-11-30
    • 2011-10-03
    • 1970-01-01
    • 2015-09-30
    相关资源
    最近更新 更多