在 WordPress 中创建具有某些属性的短代码

Question

我想从 js 保存的文件创建短代码，但我不知道如何在点击时将 j 查询中的数据发送到 Php 文件。 我的js文件代码是：

    jQuery('#create').click(function(){
    var orientation = jQuery('#orientation').val();
    var leftbgcolor = jQuery('.left-bg-color').val();
    var rightbgcolor = jQuery('.right-bg-color').val();
    var fontcolor = jQuery('.font-color').val();
    var titlecolor = jQuery('.title-color').val();
    var image = jQuery('#image').val();

我想将所有这些数据发送到一个 php 文件我该怎么做

Answer 1

jQuery 部分：

$("#submit").on('click', function(e) {
    e.preventDefault();
    $.ajax({
        url: 'test1.php',
        type: 'POST',
        data: { 
           orientation: orientation,
           leftbgcolor: leftbgcolor
        },
        dataType: "json",
        contentType : "application/json",
        success: function (data) {
            // callback function

        },
        error: function (error) {
            // error handling
        }
    })
})

PHP部分

 if (isset($_POST['orientation'])){
    $orientation = $_POST['orientation'];
} 

更改数据，因为我在这里和那里使用了占位符。希望这可以帮助您将值从 jQuery 传递到 PHP。