wordpress插件中的ajax错误答案

【问题标题】：ajax error in wordpress pluginwordpress插件中的ajax错误
【发布时间】：2015-06-30 11:28:36
【问题描述】：

我正在为 wordpress 编写一个插件。该插件有一个小部件，其中包含一个按钮和文本框。该按钮具有 onclick 事件。当该事件发生时，我需要使用 ajax 将文本框数据发布到 php 文件 ajax 代码不返回错误，但 php 不获取数据。

这是我的 JS 文件

 function F()
    {
        var x=document.getElementById('last').value;


        jQuery.ajax({
            type: "POST",
            url: 'http://localhost/wordpress/wp-content/plugins/Hovo/Scripts/vote.php',         
            data: x,
            success: function() {
                alert('Sends successfully');
            },
            error: function(jqXHR, textStatus, errorThrown) {
            alert(errorThrown);
            }
        });
    }

这是我的 php 文件

<?php
    if(isset($_POST["anun"]))
    {
        echo $_POST['anun'];
    }
    else
    {
        echo "error";
    }
?>

请帮忙解决这个问题

【问题讨论】：

你确定本地主机吗？您在 PC 上用于服务器端的是什么？例如我使用 mamp，我的网站在 localhost:8888 或 localhost:3000

标签： jquery ajax wordpress plugins

【解决方案1】：

在您的 PHP 中，$_POST 需要一个键/值对，而您只在 ajax 中发送一个值。其中 'anun' 将是键，而存储在 x 中的任何内容都是值。

由于您没有将密钥“anun”发送到$_POST，因此它无法返回存储在x 中的值，因为您的if 条件失败。

你应该能够通过稍微改变你的 ajax 调用来纠正这个问题：

function F() {

    var x = document.getElementById('last').value;

    jQuery.ajax({
        type: "POST",
        url: 'http://localhost/wordpress/wp-content/plugins/Hovo/Scripts/vote.php',         
        data: { anun: x },
        success: function() {
            alert('Sends successfully');
        },
        error: function(jqXHR, textStatus, errorThrown) {
        alert(errorThrown);
        }
    });
}

为确保您获得正确的 x 值，请尝试在 ajax 调用之前使用 console.log(x); 并检查浏览器控制台以查看它返回的内容。

如果它没有返回正确的值或什么都不返回，请尝试更改：

var x = document.getElementById('last').value;

简单来说：

x = jQuery('#last').val();

【讨论】：