appendchild的两个正确用法以及ajax

12 篇文章 0 订阅
<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="gbk" />
        <title></title>

    </head>
    <body>
        <div id="placeholder"></div> 

        <script type="text/javascript">
            var placeholder = document.getElementById("placeholder");
            var description = "test";
            placeholder.innerHTML = description;

            // 或者

            var textNode = document.createTextNode('test123');
            placeholder.appendChild( textNode )



        </script>
    </body>
</html>

自己作业中用了一个ajax结果实现的过程中出现了好多的问题:一开始就是上面的append这个方法自己用错了,然后后来发现ajax没有办法加上数据实际上加上数据之后由于是form提交于是又被刷新没了,所以自己需要把form去掉之后再进行提交。

反正中间出了好多的问题,但是这两个问题应该是最重要的问题了。自己最后慢慢解决后实现成这个样子:

search<input type="text" name="search" id="inputsearch">
<button id="btn">search</button>
<!--    //为什么用onclick=function()不行么我都要哭了-->
<!--</form>-->



<script type="text/javascript">
    $(document).ready(function(){
        $("#btn").on("click",function(){
//            alert($("#inputsearch").val());
            $.ajax({
                url: 'select.php',
                type: 'get',
                dataType: 'json',
                data: {search: $("#inputsearch").val()},
                success: function (result) {
//                alert(result);
                    var json = eval(result);
                    var i = 0;
//                alert(json[0]['bookid']);
                    for (i; i < json.length; i++) {
//                    alert(result[0]);
//                        var app=document.createElement("li");
//                        app.innerHTML=json[i];
//                        var father=document.getElementById("con1");
//                        father.appendChild(app);
                        var app=document.createElement("tr");
                        var  html = "<td>" + json[i]['bookid'] + "</td>" + "<td>" + json[i]['class'] + "</td>" + "<td>" + json[i]['bookname'] + "</td>" + "<td>"+json[i]['press'] + "</td>" +"<td>"+ json[i]['year'] + "</td>" + "<td>" + json[i]['author'] + "</td>" + "<td>" + json[i]['price'] + "</td>" + "<td>" + json[i]['number'] + "</td>" + "<td>" + json[i]['surplus'] + "</td>";
                        var father = document.getElementById("selecttable");
                        app.innerHTML=html;
//                    alert(html);
                        father.appendChild(app);
//                        alert(json.length);
                    }
                }

            });
        });
    });
</script>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值