php - Ajax 在 php 语句中不起作用

Question

getsubcat.php

<?php
include("config.php");
error_reporting(0);
 $checkedValue=$_GET['checkedValue']; 
$options= "";
$s=mysql_query("SELECT * FROM `sub_category` INNER JOIN `category` on sub_category.cat_id=category.cat_id where category.cat_name='$checkedValue'");
         while($rows=mysql_fetch_array($s))
         {
             $subcategory=$rows['sub_cat_name'];

             echo '<input name="sub_category" type="checkbox" class="checkbox_check1" onclick="select_subcatinfo('.$subcategory.')" id="checkbox_check1'.$subcategory.'" value="'. $subcategory.'" >&nbsp;'.$subcategory.'<br /><br />';

         }

         ?> 

这是我的 php 编码，将通过另一个页面中的 ajax 加载。下面是我的 ajax 脚本。

Ajax 脚本

function select_subcatinfo(name)
{
    $("#wait").css("display","block");
    var checkedValue1 = name;
    if( $("#checkbox_check1"+name).is(':checked') ) 
    {
        var xmlhttp;
        if (window.XMLHttpRequest)
        {// code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp=new XMLHttpRequest();
        }
        else
        {// code for IE6, IE5
            xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
        }
        xmlhttp.onreadystatechange=function()
        {
            if (xmlhttp.readyState==4 && xmlhttp.status==200)
            {
                $("#wait").css("display","none");
                data = xmlhttp.responseText.split("[BRK]");
                document.getElementById("DisplaySubcat").innerHTML = data[0]+" "+data[1];

            }
        }
        xmlhttp.open("GET","getSubcatValue.php?checkedValue1="+checkedValue1,true);
        xmlhttp.send();
    }
    else
    {
        $("#wait").css("display","none");   
    }        
}
</script>

但是在 echo 语句中这个函数不起作用..这里有任何帮助。谢谢

Answer 1

不要使用内联 Javascript，使用 jQuery 绑定(bind)事件处理程序:

$(document).ready(function() {
    $(".checkbox_check1").click(function() {
        if (this.checked) {
            $("#wait").show();
            $.get('getSubcatValue.php', { checkedValue1: this.value }, function(response) {
                var data = response.split('[BRK]');
                $("#DisplaySubcat").text(data[0] + ' ' + data[1]);
                $("#wait").hide();
            });
        }
    });
});