日期:2014-05-16  浏览次数:20629 次

求一个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>');