如何使用 Ajax Jquery 获取多个值答案

【问题标题】：How to get Multiple values using Ajax Jquery如何使用 Ajax Jquery 获取多个值
【发布时间】：2012-11-16 14:19:19
【问题描述】：

我想获取类别 div 中的第一个类别数据和子类别 div 中的子类别数据。我正在使用 Ajax，Jquery。我试过下面的代码，但结果显示未定义。请告诉我代码哪里错了？

HTML 是：

<body class="bg-color">
    <div id="page-wrap">
        <div class="border-radius">
            <div class="box-heading">Assignment</div>
                <div class="footer group">
                    <div id="category">
                    5
                    </div>
                    <div id="sub-cat">
                        5                 
                    </div>
                    <div id="sub-cat1">
                    5                  
                    </div>
                    </div>
                </div>
        </div>
    </div>
</body>

Javascript 是：

<script type="text/javascript">
$(document).ready(function(){                    
                 });
function pageLoad()
{
    var result = new Array();
    $.ajax({
                        type: "POST",
                        url: "get.php",
                        data: "",
                        async: false
    }).responseText.split(",");
document.getElementById('category').innerHTML = result[0];  

}
window.onload = pageLoad;


</script>

PHP代码是

<?php
    require("_assets/config/dbc.php");


        $id = $_REQUEST['id'];
        $query = mysql_query("SELECT * FROM category");

        while($row  = mysql_fetch_array($query)){
        $a = '<a href="javascript:void(0);" onClick="vote1(' . $row['cat_id'] . ');">' .$row['title'] . '</a></p>';
        }
        $query1 = mysql_query("SELECT * FROM subcategory");
        while($row1  = mysql_fetch_array($query1)){
        $b = '<a href="javascript:void(0);" onClick="vote1(' . $row1['cat_id'] . ');">' .$row1['title'] . '</a></p>';
        }

        echo $result = $a."*".$b;

?>

实际上我想在页面加载 ajax 时转到 get.php 文件并按 ID 获取类别、通过 id 获取子类别和通过 ID 获取子子类别。所以我会在我的 3 个 div 上显示这些。请解决我的这个问题。

【问题讨论】：

什么是结果数组？你从哪里加载它？
结果数组显示未定义。我正在加载 index.php 主窗体。

标签： php jquery ajax

【解决方案1】：

您可以通过 json 在 php 中使用 json_encode（返回值的 JSON 表示）来编码值并在 ajax 中尝试

例如在php中

$sequential = array("foo", "bar", "baz", "blong");
echo  json_encode($sequential);

并在 ajax 中成功尝试

success: function(data) {
       data = jQuery.parseJSON(data);
 }

【讨论】：

【解决方案2】：

我自己做的。我的代码是：

function vote(id)
{ 
    var result = new Array();
     result = $.ajax({
                       type: "POST",
                       url: "ajax.php",
                       data: "work=vote&id="+id,
                       async: false
               }).responseText.split("^");
document.getElementById('sub-cat').innerHTML = result[0];
document.getElementById('sub-cat1').innerHTML = result[1];
//window.location.reload()
}

现在我面临另一个问题.. 请让我知道如何获得 while 循环的第一个值。所以我将使用子类别 id 获得子子类别..

php代码是：

<?php
    require("_assets/config/dbc.php");

    if($_REQUEST['work']=="vote")
    {
        $id = $_REQUEST['id'];
        $query = mysql_query("SELECT * FROM subcategory WHERE cat_id='$id'");
    $HTML= "";
        while($result  = mysql_fetch_array($query)){
            $HTML .= '<a href="javascript:void(0);" onClick="vote1(' . $result['subcat_id'] . ');">' .$result['title'] . '</a></p>';  
        }
    $HTML .= "^";
    $sql = mysql_query("select * from subscategory "HOW TO GET 1ST SUBCATEGORY ID?"") or die(mysql_error());
    while($row = mysql_fetch_assoc($sql)){
        $HTML .= '<a href="javascript:void(0);" onClick="vote1(' . $row['subcat_id'] . ');">' .$row['title'] . '</a></p>';


        }

    echo $HTML;
    }

?>

【讨论】：

您的代码易受 sql 攻击...坏人会杀死您的网站
伙计，这只是一个示例测试。它不是一个工作网站.. :)