使用ajax请求获取php数据答案

【问题标题】：Use ajax request to get php data使用ajax请求获取php数据
【发布时间】：2017-09-04 13:56:20
【问题描述】：

大家好，我正在尝试使用 ajax 来获取 php 文件并运行一些函数。

我的 ajax 看起来像这样：

jQuery(document).ready(function(){
    jQuery(".claim-button").click(function(){
        alert("click ok");
        var baseUrl = document.location.origin;
        jQuery.ajax({
            type: "POST",
            url: '/custom_functions/win_checker.php'
        });
    });
});

然后在 php 文件中我放了一些简单的 jsut 来测试它是否有效：

echo "Test";

我得到 jquery “点击确定”，但它没有返回 php 回显。

我对 ajax 很陌生，有人可以告诉我我做错了什么。

非常感谢

大卫

【问题讨论】：

检查控制台是否有错误
必须在ajax函数中添加'success'函数才能得到响应
“但它不返回 php echo” - 不，你没有对响应做任何事情。继续阅读如何使用 jQuery.ajax，以及如何处理服务器的响应。
也显示您的表单

标签： php jquery ajax function

【解决方案1】：

您需要有success 才能捕获 PHP 响应：

jQuery(document).ready(function(){
    jQuery(".claim-button").click(function(){
        alert("click ok");
        var baseUrl = document.location.origin;
        jQuery.ajax({
            type: "POST",
            url: '/custom_functions/win_checker.php',
            data: {var1: 'someValue'},
            success: function(response){
                alert(response); // this will alert 'Test'
            }
        });
    });
});

在 PHP 中，您将在$_POST 中获取参数。

【讨论】：

谢谢，但是如果你想以其他方式传递数据，例如在将 ajax 发送到 php 页面时通过字符串或变量发送，你如何发送这个，然后你如何请用 php 得到这个
非常感谢您的帮助

【解决方案2】：

要处理 AJAX 请求的输出，您必须提供一个在成功时执行的函数：

jQuery(document).ready(function(){
    jQuery(".claim-button").click(function(){
        alert("click ok");
        var baseUrl = document.location.origin;
        jQuery.ajax({
            type: "POST",
            url: '/custom_functions/win_checker.php',
            success: function(result) {
            // Do with your result what you want, e.g. print it to the console
              console.log(result);
            }
        });
    });
});

【讨论】：