Question

我在PHP中有这段代码（路径：../ wp-content / plugins / freework / fw-freework.php）

<div id="new-concept-form">
        <form method="post" action="../wp-admin/admin.php?page=FreeWorkSlug" class="form-inline" role="form" onsubmit="addNewConcept()">
            <div class="form-group">
                <label for="new_concept_text">Nuovo concetto:</label>
                <input type="text" class="form-control" id="new_concept_text">
            </div>
            <div class="form-group">
                <label for="new_concept_lang">Lingua:</label>
                <select class="form-control" id="new_concept_lang">
                    <option>it</option>
                    <option>en</option>
                    <option>de</option>
                    <option>fr</option>
                </select>
            </div>
            <button type="submit" class="button-aggiungi btn btn-default">Aggiungi</button>
        </form>
    </div>

按下按钮时，会调用此javascript（它会显示警报并正确检索数据）：

var ajaxphp = '../wp-content/plugins/freework/fw-ajaxphp.php';

function addNewConcept()
{
conceptName = document.getElementById('new_concept_text').value;
lang = document.getElementById('new_concept_lang').value;

alert('Inserting: ' + conceptName + " " + lang);

$.ajax({
    type: 'POST',
    url: ajaxphp,
    async: true,
    dataType: 'json',
    data: {conceptNm : conceptName, conceptLang : lang },
    success: function() {
        alert("--------------------------------  Data sent!!");
        console.log("--------------------------------  Data sent!!");
    }

});

return true;
}

现在，正如您在javascript中看到的，我想通过ajax调用另一个PHP文件（警报和成功函数中的console.log未被调用/无法访问）。

<?php
// HTML Page -> JavaScript -> fw-ajaxphp.php -> XML Vocabulary

echo 'alert("PHP called")';
// echo $_POST['conceptNm'];
// TODO change vocab when done testing
$xml_file = '../wp-content/plugins/freework/fw-custom-vocabulary-test.xml';

$xml_vocab = new DOMDocument;
if (isset($_POST['conceptNm']) && isset($_POST['conceptLang']))
{
    // ADD NEW CONCEPT
    echo 'alert("PHP chiamato")';
    // irrelevant business code here...
    echo 'alert("Modifica avvenuta")';
}
?>

JQuery / Bootstrapp ecc ...都包含在主html文件和HTML生成器PHP文件中（正常工作）。

然而，我似乎无法将这个包含所有服务器逻辑的php文件称为对按钮的响应。业务代码是无关紧要的，因为按钮触发器至少应该在if条件之外调用警报。我已经按照堆栈溢出的所有答案相对于这个问题，但它没有工作。我也尝试添加变量的完整路径，但没有。如您所见，我的所有文件都在此文件夹中：Files on Server。那么为什么我不能称之为服务器端PHP脚本呢？谢谢。

编辑：我用一种全新的方法解决了这个问题！我离开了jQuery，每次有人提交表单时我都会为页面充电，我会在生成HTML的同一个文件中通过POST检索数据。为什么我不能用javascript调用服务器？坦率地说，我不知道。在其他情况下，它一直有效。无论如何，谢谢大家。

Answer 1

这是你的问题：

$.ajax({
    type: 'POST',
    url: ajaxphp,
    async: true,
    dataType: 'json',
    ^^^^^^^^^^^^^^^^ Wrong data type

然后你做：

<?php
// HTML Page -> JavaScript -> fw-ajaxphp.php -> XML Vocabulary

echo 'alert("PHP called")';
...

您指定返回的数据类型是json。但是，在你的PHP脚本中，你正在回显字符串，所以你的ajax调用将失败，因为jQuery无法将返回的数据解析为json。

删除dataType行应解决您的问题，但请注意，您不能将返回的数据用作对象。但是在这个具体示例中这并不重要，因为您根本没有使用返回的数据。

为什么我不能从jQuery / AJAX调用这个PHP文件？

1 个答案: