jquery如何避免由php上传的json格式的数据

2013-04-12

jquery如何处理由php上传的json格式的数据原本有这么一段代码：div idtest2 classdropdown tabIndex

jquery如何处理由php上传的json格式的数据
原本有这么一段代码：

<div id="test2" class="dropdown" tabIndex="2" style="position:relative; z-index:10;">
    <select name="sex">
                        <option value="">sex select</option>
                        <option value="male">male</option>
                        <option value="famale">famale</option>
        </select> 
</div>

上面代码是jquery下拉框代码中选择数据的部分，但是这段代码是直接写到html页面上面。出于某种需要，比如动态的增加或不增加一项other,我想将这段代码修改下，对于js实在不熟，所以向大家请教下。

下面是我生成json数据的php代码：

<?php
        include ("../test/JSON.php");
        $json = new Services_JSON();

        $arr = array("sex select"=>"","male"=>"male","famale"=>"famale");
        $str = array("sex"=>$arr);

        $json = json_encode($str);
        echo $json;
?>

生成的数据格式如下：

{"sex":{"sex select":"","male":"male","famale":"famale"}}

生成并传递一个json对象。
我想让html页面中引用一个js文件中的函数来处理jquery的select那一部分，然后js文件会用到php代码上传来的json对象。
请教各位前辈，我该如何改造这段代码？ json jquery php
[解决办法]
上个好像是错了


$.ajax(url,function(data){
    $.foreach(data,function(i,n){
         $.foreach(n,function(i,n){
             $("#selectid").append("<option value='"+i+"'>"+n+"</option>");
        });
     });
});

这个好像是正确的
[解决办法]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title></title>
    <script type="text/javascript" src="../testDialog/jquery-1.7.1.min.js"></script>
    <script type="text/javascript">
        $.ajax({
            url:"test.json",//获取后台json数据的页面url
            type:"post",
            dataType:"json",
            success:function(data){
                var select = document.createElement("select");
                for(var name in data.sex){

                    var option = document.createElement("option");
                    option.name = name;
                    option.innerHTML = name;
                    option.value = data.sex[name];
                    select.appendChild(option)
                }
                document.getElementsByTagName("body")[0].appendChild(select)
            }
        })
    </script>
</head>
<body>

</body>
</html>

这样你可以动态获取后台数据，动态的生成下拉框的选项！已测试过了的，希望对你有用！

热点排行

Ajax

jquery如何避免由php上传的json格式的数据