使用 ajax 请求调用 .php 文件 - wordpress

花边鲍勃

我正在尝试从 wordpress 中的 ajax 请求调用 php 文件。我遇到的问题是ajax请求需要php文件的路径。我不确定在我的 wordpress 安装中放置这个 php 文件的位置。此外,这个文件不能被内联包含,因为我只需要在用户决定调用它时调用这个 php 文件。我现在不使用 jquery,但我愿意使用它,因为我很确定那只是客户端,因此不必涉及服务器。

作为我想做的事情的一个例子,让我们用一个表格来试试这个。这个例子取自http://thisinterestsme.com/ajax-form-submission-php/.

我会将其包含在网页中。

<html>
    <head>
        <meta charset="UTF-8">
        <title>Example Ajax PHP Form</title>
    </head>
    <body>

        <form id="my_form_id">
            Your Email Address: <input type="text" id="email" /><br>
            <input type="submit" />
        </form>

        <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
        <script>
            $(document).ready(function(){
                $('#my_form_id').on('submit', function(e){
                    //Stop the form from submitting itself to the server.
                    e.preventDefault();
                    var email = $('#email').val();
                    $.ajax({
                        type: "POST",
                        url: 'submission.php',
                        data: {email: email},
                        success: function(data){
                            alert(data);
                        }
                    });
                });
            });
        </script>
    </body>
</html>

然后在服务器上的其他地方我会有这个文件。问题是我不知道把这个文件放在哪里或者上面给出ajax请求的路径。

<?php
$emailAddress = false;
if(isset($_POST['email'])){
    $emailAddress = $_POST['email'];
}

echo 'Received email was: ' . $emailAddress;
?>
安东尼

假设你有这个 php:

<?php
 $emailAddress = false;
 if(isset($_POST['email'])){
    $emailAddress = $_POST['email'];
 }

 echo 'Received email was: ' . $emailAddress;
?>

您应该将此文件命名为 page-submission.php 并将其保存在您的 functions.php 所在的位置,然后创建一个空白页面名称“submission”。然后,您现在可以在 ajax 中将此文件称为 /submission。

这是视觉层次结构的工作原理:

在此处输入图片说明

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用Ajax请求执行PHP文件

来自分类Dev

使用AJAX请求PHP文件数据

来自分类Dev

在Magento中使用AJAX调用PHP文件

来自分类Dev

如何在Ajax php文件中使用wordpress函数

来自分类Dev

从AJAX调用Wordpress PHP函数

来自分类Dev

页面模板中的Ajax调用的PHP无法使用Wordpress函数

来自分类Dev

WordPress:在Ajax调用中使用PHP更新jQuery变量

来自分类Dev

使用Ajax请求调用PHP函数以更改会话变量

来自分类Dev

使用 Javascript AJAX 发布请求调用任何 PHP 函数

来自分类Dev

Ajax请求调用json文件

来自分类Dev

php / Wordpress / Ajax Button调用php脚本

来自分类Dev

如何使用jQuery.ajax向文件php发送请求

来自分类Dev

无法使用Ajax的$ .post()方法调用PHP文件

来自分类Dev

使用AJAX在单独的文件中调用php函数

来自分类Dev

使用ajax调用php

来自分类Dev

使用Ajax调用php文件时,php文件中的JavaScript不起作用

来自分类Dev

使用AJAX打开php文件

来自分类Dev

使用AJAX打开php文件

来自分类Dev

通过使用Ajax调用PHP函数来删除WordPress过滤器

来自分类Dev

通过Ajax请求调用php函数

来自分类Dev

从jQuery / AJAX请求执行PHP文件

来自分类Dev

如何验证对PHP文件的AJAX请求?

来自分类Dev

检测PHP中来自AJAX请求的文件

来自分类Dev

Ajax请求从php文件获取数据?

来自分类Dev

从jQuery / AJAX请求执行PHP文件

来自分类Dev

对PHP文件的AJAX请求,未收到PHP文件

来自分类Dev

使用ajax调用PHP脚本

来自分类Dev

使用Ajax调用PHP脚本

来自分类Dev

定期使用AJAX调用PHP