ajax程序的样例~

求一个ajax程序的样例~~~~~~~~

<div id="div_for_checkbox">
      <input type='checkbox' value="male" title="male" onclick="callCheck(this)">
            <a onclick="linkDetail('man')" style="cursor:hand">man</a>
</div>

这里有一个checkbox，我想用ajax创建出来，当然，div那一块不用创建。
然后我写的如下：

    $.ajax({
        url:"php/selectdata.php",
        type:"post",
        dataType:"json",
        success:function(data){
            var select = document.getElementById("div_for_checkbox");
            for(var name in data.sex){
                var option = document.createElement("input");
                option.type = "checkbox";
                option.value = data.sex[name];
                option.title = data.sex[name];
                select.appendChild(option);
                var a = document.createElement("a");
                a.text = data.sex[name];
                a.style="cursor:hand";
                option.appendChild(a);
            }
        }
    });

哎。。结果基本上没出来。。。

这样的ajax代码应该如何写啊，对了，还有源代码中的onclick="callCheck(this)"这样的行为，我用ajax应该如何处理啊。。 checkbox Ajax JavaScript
[解决办法]
php/selectdata.php返回了什么？主要1.4+ jq需要返回标准的json格式的字符串，要不也不会执行success回调，参考：jQuery dataType指定为json的问题
[解决办法]

    $.ajax({
        url:"php/selectdata.php",
        type:"post",
        dataType:"json",
        success:function(data){
            for(var name in data.sex){
                $("#div_for_checkbox").append('<input type="checkbox" value="'+data.sex[name]+'" title="'+data.sex[name]+'" onclick="callCheck(this)"><a onclick="linkDetail(\''+data.sex[name]+'\')" style="cursor:hand">'+data.sex[name]+'</a>');
            } 
 
        }
    });

查看更多 下一篇