在页面加载时提交ajax

Question

所以我要在页面加载之前提交我的AJAX，并在ajax之后像这样在同一页面上调用它。

<input type="text" class="hidden" id="storeID" value="<?php echo $_GET['store']; ?>">
$(document).ready(function()
{
var store = $("#storeID").val();
$.ajax(
{
  url: '../user-style.php',
  method: 'POST',
  data: {"store":store}
});
});
<link rel="stylesheet" href="../user-style.php" media="screen" />

用户样式.php

if(isset($_POST['store']))
{
$stmtgetstyle = $mysqli->prepare("SELECT * FROM store_style_configuration WHERE store_id=?");
$stmtgetstyle->bind_param("i", $_GET['store']);
$stmtgetstyle->execute();
$getstyle = $stmtgetstyle->get_result();
$style = $getstyle->fetch_assoc();
$stmtgetstyle->close();
}

但是user-style.php不会获取任何数据，数据库中也不会有任何东西。

Answer 1

您需要提取CSS的内容并返回它。 现在，您可以将其动态放入jQuery对象 ：

$.ajax({
    url: '../user-style.php',
    method: 'POST',
    data: {"store":store},
    success: function(data) {
        var $cssStyles = $('<style/>');
        $cssStyles.attr('type', 'text/css');
        $cssStyles.html(data);
        $cssStyles.appendTo($('head'));
    }
});

另一种方法是使用$ _GET通过URL参数将其传递到当前脚本：

<link rel="stylesheet" href="../user-style.php?store=store" media="screen" />

或使用jQuery和$_GET ：

$(document).ready(function() {
    var store = $("#storeID").val();
    var $cssStyles = $('<style/>');
    $cssStyles.attr({ 'type': 'text/css', 'href': '../user-style.php?store=' + store });
    $cssStyles.appendTo($('head'));
});

Answer 2

您正在将数据发布到ajax调用中，但绑定到变量$_GET['store'] 。 只需将其更改为$_POST['store'] 。 这也应该发出一个notice error指出undefined index 'store' in $_GET on line ...存在undefined index 'store' in $_GET on line ... 。 这就是为什么在开发中打开error_reporting(E_ALL)很好的原因。

编辑：实际上，再三考虑，它可能未引发错误，因为按引用使用变量时会创建一个变量（如果该变量不存在且不会引发错误）。 我认为这对于未定义的数组索引是相同的。