使用 jquery 和 ajax 将十六进制代码传递给 PHP 脚本时出错

Question

我正在尝试使用jquery ajax和php将从颜色选择器中选择的颜色vlue传递给样式表。不过我不知道该怎么做。

我的查询

$(document).ready(function(){
$("#colorpicker").on("change",function(){     
var backgroundColour = $(this).val();
                $.ajax({url: 'styles.php', type: 'post', data: 
{backgroundColour: backgroundColour}, dataType: "text"});
               console.log(backgroundColour);
               });
});

我的PHP

<?php
//setup the content-type header and charset.
header("Content-Type: text/css; charset=utf-8");
$backgroundColour = $_POST['backgroundColour'];
var_dump($_POST);
?>

我尝试将 ajax 调用更改为此

 $.ajax({url: 'styles.php', type: 'post', data: 
 backgroundColour, dataType: "text"});

我尝试省略数据类型，但我无法在 php 脚本中显示值。

Answer 1

您可以使用以下 jQuery 代码获取元素的颜色：

var backgroundColor = $("#idofcolorpicker").val();

或者，如果颜色选择器有一个类：

var backgroundColor = $(".classofcolorpicker").val();