jQuery Mobile AJAX無法加載頁面

Question

echo '<script>
    function ' . $row['idname'] . 'Click(){
        $( "#flip-' . $row['idname'] . '" ).flipswitch( "disable" );
        var isOff = document.getElementById("flip-' . $row['idname'] . '").value;
        if(isOff == "off"){
            console.log("action.php?do=turn-off-' . $row["id"] . '");
            jQuery.ajax({
                url: "action.php?do=turn-off-' . $row["id"] . '",
                type: "GET",
                success:function (data) {
                    $( "#flip-' . $row['idname'] . '" ).flipswitch( "enable" );
                    console.log("SUCCESS!!");
                }
            });
        }else{
            console.log("action.php?do=turn-on-' . $row["id"] . '");
            jQuery.ajax({
                url: "action.php?do=turn-on-' . $row["id"] . ',
                type: "GET",
                success : function (data) {
                    $( "#flip-' . $row['idname'] . '" ).flipswitch( "enable" );
                    console.log("SUCCESS!!");
                }
            });
        }
    }
    </script><br>';

所以我的問題是ajax甚至沒有加載請求的頁面。

它根據MySQL查詢的結果創建此代碼，因此它基本上是PHP文件中的JavaScript文件。 目標是一個僅具有某些功能的空白頁。

從此<select> onChange調用該函數：

echo '<div class="ui-field-contain" style="width: 100%;">
    <label for="flip-' . $row['idname'] . '">' . $row['name'] . '</label> 
    <select onchange="' . $row['idname'] . 'Click()" name="flip-' . $row['idname'] . '" id="flip-' . $row['idname'] . '" data-role="flipswitch">
        <option value="off" selected="">Aus</option> <option value="on">An</option> 
    </select>
 </div>';

Answer 1

這可能解決了問題，因為這不是始終替換它的好方法。 您可能會考慮添加一些錯誤處理，其中不會測試任何錯誤的元素，並且將錯誤消息作為ID的一部分。

不推薦使用jqXHR.success（）

因為自jQuery 1.8起不推薦使用此方法，所以可能會出現此問題。 它已被jqXHR.done（）取代。

jQuery.ajax({
    url: "action.php?do=turn-on-' . $row["id"] . '",
    type: "GET",
    done: function (data) {
        $( "#flip-' . $row['idname'] . '" ).flipswitch( "enable" );
        console.log("SUCCESS!!");
    }
});

建議另一種方式

$.get("api.php", {
    do: "turn-on-' . $row["id"] . '"
}, function (data) {
    console.log(data);}
});