Mehdi's questions

这些天来，我一直在努力将 WordPress 中的数据数组传递到 admin-ajax.php 进行处理。我在 WooCommerce 钩子“woocommerce_after_shop_loop_item”中添加了一个按钮，其中包含一个带有比较按钮类的 data-product_id。我的问题是，我得到了一种“多次”字符串化数组（带有转义引号，显示图片）。我的目标是将点击的产品 ID 数组传递给 admin-ajax.php，然后在那里处理该数组。我无法做到这一点，可能是因为数组的格式是字符串。如果我使用 json_decode，也会收到错误（虽然这种方式在 localhost 而不是 WordPress 环境中测试时有效）。如果我先对其进行 JSON 解码，然后再次检查数组中是否存在 ID，则不起作用。我做错了什么？

function ps_compare_products_add_enqueue(){
    wp_enqueue_script('ps_script1', plugin_dir_url(__FILE__).'../script/script.js');
    wp_localize_script('ps_script1','ps_object', array(
      "ajax_url" => admin_url("admin-ajax.php")
   ));
 }

function process_array_ids(){

  if(isset($_POST['my_string_array']) && !empty($_POST['my_string_array'])){
    $array = $_POST['my_string_array'];
    //$array = json_decode($array); // if I add this I get null in my console which in not wordpress environment works
    echo json_encode($array); // the only way I found to send back the array but in string format again
    
  }

  wp_die();
}

add_action('wp_enqueue_scripts','ps_compare_products_add_enqueue');

add_action('wp_ajax_my_array_ids_action', 'process_array_ids');

add_action('wp_ajax_nopriv_my_array_ids_action', 'process_array_ids');

JavaScript

document.addEventListener('DOMContentLoaded', function() {
    let compareProducts = []
    var compareButtons = document.querySelectorAll('.compare-button');
    document.addEventListener('click', (e) => {
        if(e.target.matches('.compare-button')){
            var productId = e.target.dataset.product_id; 
            if (!compareProducts.includes(productId)) {
                compareProducts.push(productId);
            }
            fetch_my_array(ps_object.ajax_url, 'POST', compareProducts)
        }
    });
})

async function fetch_my_array(url, post, myArray){
    let myForm = new FormData()
    let my_string_array = JSON.stringify(myArray)
    myForm.append('action', 'my_array_ids_action')
    myForm.append('my_string_array', my_string_array)
   
    const options={
        method: post,
        body: myForm
    }
    const response = await fetch(url, options)
    let result =  await response.json()
    console.log(response)
    console.log(result)
    // console.log(JSON.parse(result.replaceAll('\\"','')))
}

以下是我的 DevTools 中的内容

在仅基于 wordpress 电子商务网站制作 B2B 平台的背景下，我需要更改下订单后发送给客户的电子邮件，删除订购的商品列表（因为这可能是一个很长的列表），但仍发送购物车（订单）总额。我遵循了@LoicTheAztec 提供的答案，它完美地工作了，这里是函数和使用的钩子

function pkdb2b_remove_order_details_from_emails(){

        $mailer = WC()->mailer();
        remove_action('woocommerce_email_order_details', array($mailer, 'order_details'), 10);

}


add_action('woocommerce_email_order_details','pkdb2b_remove_order_details_from_emails', 5, 4);

这将删除订单详细信息。为了添加购物车总额，我使用了另一个函数和钩子，如下所示。

function pkdb2b_add_cart_total_email(){
;
    $cart_total =  WC()->cart->cart_contents_total;
    echo "<p> Votre Commande montant Total = "."<strong>".$cart_total." DT"."</strong> est bien reçue</p>";

}

add_action('woocommerce_email_order_details','pkdb2b_add_cart_total_email', 5, 4);

订单确认后此功能也有效。但是，订单取消后，收到的电子邮件中不再显示购物车总额（这是意料之中的，因为我们不再有购物车）。

我曾尝试使用这个 $order = WC_Emails()->order_details(); $total = $order-> get_total(); 或者这个

$总计 = WC_Order()->获取总计()

我尝试阅读woocommerce 文档，但仍然找不到访问订单总额甚至 $order 变量的方法

我只在管理员连接时在商店页面上的产品上添加一个按钮。按下此按钮会将产品库存重置为零 (0)。有时使用产品图片从网站上清除缺货产品比使用其 SKU 搜索产品更容易。我根据 @LoicTheAztec 和 @Víctor González SO 的答案编写了此代码以更新数据库表，效果非常好。以下是工作代码

function createStockZeroButton(){
    global $product;
    $theId = $product-> get_id();
    if(current_user_can( 'administrator' )){
        echo "<form action='' method='POST'>
                    <button type='submit' class='stockZeroButtonClass' name="."name"."$theId".">set Stock To 0 for id".$theId."</button>
             </form>";
        if(isset($_POST["name".$theId])){
            $con = mysqli_connect($server, $username, $password, $database);
            $database_request = "UPDATE wp_postmeta pm
            INNER JOIN wp_wc_product_meta_lookup pml
                ON pm.post_id =  pml.product_id
            SET pm.meta_value = '0', pml.stock_quantity = '0'
            WHERE pm.meta_key = '_stock' AND pm.post_id = '$theId'";
            $database_query = mysqli_query($con, $database_request);
            $database_request ="UPDATE wp_postmeta pm
                INNER JOIN wp_wc_product_meta_lookup pml
                    ON pm.post_id =  pml.product_id
                SET pm.meta_value = 'outofstock', pml.stock_status = 'outofstock'
                WHERE pm.meta_key = '_stock_status' AND pm.post_id = '$theId'";
            $database_query = mysqli_query($con, $database_request);
            $database_query = "INSERT IGNORE INTO wp_term_relationships (object_id, term_taxonomy_id)
            SELECT pml.product_id, (SELECT term_id FROM wp_terms WHERE slug = 'outofstock')
            FROM wp_wc_product_meta_lookup pml
            WHERE pml.stock_status = 'outofstock' AND pm.post_id = '$theId'";
            $database_query = mysqli_query($con, $database_request);
        }
    }
}



add_action('woocommerce_shop_loop_item_title','createStockZeroButton');

我现在想使用 $wpdb 类来执行此操作。我已根据此 SO答案尝试了下面的代码，但无法使其工作。

function createStockZeroButton(){
    global $product;
    $theId = $product-> get_id();
    if(current_user_can( 'administrator' )){
        echo "<form action='' method='POST'>
                    <button type='submit' class='stockZeroButtonClass' name="."name"."$theId".">set Stock To 0 for id".$theId."</button>
             </form>";
        if(isset($_POST["name".$theId])){
$update1 = $wpdb->query($wpdb->prepare("UPDATE wp_postmeta pm
            INNER JOIN wp_wc_product_meta_lookup pml
                ON pm.post_id =  pml.product_id
            SET pm.meta_value = '0', pml.stock_quantity = '0'
            WHERE pm.meta_key = '_stock' AND pm.post_id = '$theId'"));

$update2 = $wpdb->query($wpdb->prepare("UPDATE wp_postmeta pm
                INNER JOIN wp_wc_product_meta_lookup pml
                    ON pm.post_id =  pml.product_id
                SET pm.meta_value = 'outofstock', pml.stock_status = 'outofstock'
                WHERE pm.meta_key = '_stock_status' AND pm.post_id = '$theId'"));

$update3 = $wpdb->query($wpdb->prepare("INSERT IGNORE INTO wp_term_relationships (object_id, term_taxonomy_id)
            SELECT pml.product_id, (SELECT term_id FROM wp_terms WHERE slug = 'outofstock')
            FROM wp_wc_product_meta_lookup pml
            WHERE pml.stock_status = 'outofstock' AND pm.post_id = '$theId'"));
        }
    }
}

add_action('woocommerce_shop_loop_item_title','createStockZeroButton');

在这种情况下，我们如何使用 INNER JOIN 和 $wpdb 实现正确查询？

也查看了官方文档链接，但还是无法理解。

我有这三个数字类型的输入，其中只能添加一个数字，并且可以通过按下 0 到 9 之间的任何其他数字来替换它。这些输入上有 2 个事件监听器，第一个能够通过按下 0 到 9 之间的数字（使用“keyup”）来更改输入的值。
第二个事件监听器用于检测输入，然后计算三个输入的总和，当计算出正确的总和时，会引发警报。我注意到，如果我想要总数 27，例如，我需要在输入中添加 9 + 9 + 9。
但是，如果我添加 9 + 8 + 9，但不删除 8，只是按 9 替换它，则不会收到警报。要获得总数，更好的方法似乎是在事件监听器中使用“keyup”来完成。
那么，这是为什么呢？按下 9 按钮时它仍然是一个输入事件？

const element1 = document.querySelector('.element1')
let total = 0
let desiredTotal = 27

    let allInputs = Array.from(element1.getElementsByTagName('input'))
    allInputs.forEach((input)=>{
        input.style.border = '2px solid blue'
        input.addEventListener('keyup', (e)=>{
            if(e.target.value.length === 1 && parseFloat(e.key) >= 0 && parseFloat(e.key) <=9){
                    e.target.value = e.key
            }
        })
    })


    allInputs.forEach((input)=>{
        let value
        input.addEventListener('input', (e)=>{
            let value = parseFloat(input.value)
            total += value
            console.log(total)
            if(total === 27) alert('you won!')
        })

    })

input{
    width: 2ch;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  appearance: textfield;
}

<body>
    <div class="element1">
        <input type="number" name="" id="input1" onKeyPress="if(this.value.length===1 || event.key == 'e') {return false}">
        <input type="number" name="" id="input2" onKeyPress="if(this.value.length===1 || event.key == 'e') {return false}">
        <input type="number" name="" id="input3"onKeyPress="if(this.value.length===1 || event.key == 'e') {return false}">
    </div>
    <p>Try to obtain a total of 27</p>
    <p>Try to place 9 9 and then 9 you get the alert</p>
    <p>Try to place 9 6 and then 9 but then change(without deleting) but pressing on the 6 containing input the number 9 you won't get the alert</p>
</body>

正如问题所示（可能表述不当），我试图获取一个数组的索引，该数组的每个元素与第二个数组的索引对应元素之间的差异小于 0。也许下面的代码可以更好地解释我想要获得的内容。我成功地使用 flatMap() 函数获取了所需的索引，但无法使用 filter() 函数获取它，我认为在这种情况下更合适（总是在这里获取元素而不是索引）

let array1 = ['524', '587', '034', '816', '65', '7']
let array2 = ['3', '0', '33', '4', '193', '13']



function getSumOfArrays(array1, array2){
    let sumArray = array1.map((elem,idx)=>parseFloat(elem) - parseFloat(array2[idx]))
    return sumArray
}

function getIdxNegativeDiff1(array1, array2){   //this function works   
    let negatifIdx1 = array1.flatMap((elem,idx)=>{return parseFloat(elem)-parseFloat(array2[idx]) < 0 ? idx : [] })
    return negatifIdx1
}

function getIdxNegativeDiff2(array1, array2){          
    let negatifIdx2 = array1.filter((elem,idx)=>{ return (parseFloat(elem)-parseFloat(array2[idx]) < 0 ? idx : '')})
    return negatifIdx2
}



console.log(array1)
console.log(array2)
console.log(getSumOfArrays(array1, array2))
console.log(getIdxNegativeDiff1(array1, array2))
console.log(getIdxNegativeDiff2(array1, array2))

尝试了很多方法，但无法通过过滤找到解决方案。有人能提供解决方案吗

我正在使用 display:list-item 作为 div 伪元素::before。我们可以将标记的形状设置为圆盘或正方形...

.calendar{
    display: block;
    position: relative;
    width: 100px;
    aspect-ratio: 1;
    background-color: green;
}

.calendar::before{
    content:"Reserved";
    display: list-item;
    position: absolute;
    bottom: 0;
    right: -100%;
    color: black;
    list-style-type: disc;      /* or list-style-type: square; */
}

<div class="calendar"></div>

我们可以在不改变内容颜色的情况下改变标记的颜色（不使用列表样式图像）吗？

我想进行 2 个 Fetch API 调用，将数据从 JS 文件传输到 PHP 文件。第一个调用是有条件的并传输一组数据（在我的 PHP 文件中已正确处理）第二个 API 调用是一种计时器（使用 setInterval 函数），我想用它来检查客户端是否仍在浏览器上（是的，这是最终目标！）。这两个调用工作正常（不会出现错误，并且可以从第一个数组正确获取数据）。问题是我不知道如何在 PHP 文件的变量中单独获取计时器数据（接下来我将把它推入数组）！你能指路吗（我还是 Fetch 的初学者..）

这是我的 JS 文件中的代码

第一次通话

if(...Button pressed...){
    fetch("cart.php",{
        "method":"POST",
        "Headers":{
            "content-type":"application/json; charset=utf-8"
        },
        "body":JSON.stringify(arrayOrderedProducts)
    })
    .then(function(response){
        return response.text()
    })
    .then(function(data){
        console.log(data)
    })
}

第二次通话

setInterval(()=>{
    timer+=1
},1000)


function checkConnection(){
    fetch ("cart.php",{
        method:"Post",
        body :timer
    })
    .then(
        response=>{
        return response.text()})
    .then(
        response=>{
            console.log(timer)
    })
    .catch(
        error=>{
            console.log(error)
    })
}

let intervalConCheck = setInterval(()=>checkConnection(),1000)

这是我的 PHP 文件中的代码

<?php

if(isset($_POST)){
    $data = file_get_contents("php://input");
    $orders = json_decode($data);
    ...rest of code that retrieve data in arrayOrderedProducts...

}
?>

我试图使用函数及其参数和模板字符串来更改颜色，但无法找出正确的方法。有人可以帮忙吗？

function colorize(choice,color){
    choice.style.transition = 'all 450ms'
    choice.style.borderColor = `"${color}"`
    setTimeout(()=> choice.style.borderColor = 'rgba(60, 70, 127, 0.2)','700')
}
colorize(userDomChoice,green)