將php變量傳遞給jquery並將jquery傳遞給php

Question

<script>

    $(document).ready('click','#btnadd',AddCategoryForm: function(catId)
    {   
        //$('#addCategoryForm').load('./addCategory.php');
        alert('hi'+catId);

        var xmlhttp = new XMLHttpRequest();
        xmlhttp.onreadystatechange = function() {
            if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                document.getElementById("addCategoryForm1").innerHTML = xmlhttp.responseText;
            }
        };
        //xmlhttp.open("GET", "addCategory.php?q=" + str, true);
        xmlhttp.open("GET", "addCategory.php?catId="+catId, true);
        xmlhttp.send();
    }
</script>

<input id="btnadd" type="button" value="Add Category" onClick="AddCategoryForm(<?php echo $catId ?>)">

我的jquery不在每次刷新/重新提交頁面時都在運行，因此我將其放入document ready內聯函數中..但它無法傳遞包含我從php傳遞php對象的變量。

Answer 1

您是否有可能忘記了“;” 字符？
它看起來應該像這樣：

onClick="AddCategoryForm(<?php echo $catId; ?>)"

Answer 2

<script type="text/javascript">
    $(document).ready(function(){
        $('#static_parent').on('click','#btnadd',function(){AddCategoryForm($(this).attr('data-katid'))});
    }

function AddCategoryForm(catId)
{
    //$('#addCategoryForm').load('./addCategory.php');
    alert('hi'+catId);

    var xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            document.getElementById("addCategoryForm1").innerHTML = xmlhttp.responseText;
        }
    };
    //xmlhttp.open("GET", "addCategory.php?q=" + str, true);
    xmlhttp.open("GET", "addCategory.php?catId="+catId, true);
    xmlhttp.send();
}
</script>

<div id="static_parent">
    <input id="btnadd" type="button" value="Add Category" data-katid="<?php echo $catId; ?>">
</div>

您忘記了腳本類型
也許嘗試這個方法。
那更容易改變。
我在方法上添加了代碼，因為您還沒有指定是否將按鈕添加到html-在這種情況下，您需要將包裝添加到創建的靜態按鈕-這就是為什么我添加了id為static_parent的div的原因

但是，如果它的靜態按鈕簡單，請嘗試以下操作：

<script type="text/javascript">

function AddCategoryForm(catId)
{
    //$('#addCategoryForm').load('./addCategory.php');
    alert('hi'+catId);

    var xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            document.getElementById("addCategoryForm1").innerHTML = xmlhttp.responseText;
        }
    };
    //xmlhttp.open("GET", "addCategory.php?q=" + str, true);
    xmlhttp.open("GET", "addCategory.php?catId="+catId, true);
    xmlhttp.send();
}

</script>

<input id="btnadd" type="button" value="Add Category" onClick="AddCategoryForm(<?php echo $catId; ?>)">