前端之家收集整理的这篇文章主要介绍了
appendchild的两个正确用法以及ajax,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
<!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>
@H_
404_85@自己作业中用了一个ajax结果实现的过程中出现了好多的问题:一开始就是上面的append这个
方法自己用错了,然后后来发现ajax没有办法
加上数据实际上
加上数据之后由于是form提交于是又被刷新没了,所以自己需要把form去掉之后再进行提交。
@H_
404_85@反正中间出了好多的问题,但是这两个问题应该是最重要的问题了。自己最后慢慢
解决后实现成这个样子:
search<input type="text" name="search" id="inputsearch">
<button id="btn">search</button>
<script type="text/javascript"> $(document).ready(function(){ $("#btn").on("click",function(){ $.ajax({ url: 'select.PHP',type: 'get',dataType: 'json',data: {search: $("#inputsearch").val()},success: function (result) { var json = eval(result); var i = 0; for (i; i < json.length; i++) { 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; father.appendChild(app); } } }); }); }); </script>