使用 Ajax 请求创建元素和 appendChild

Posted

技术标签:

【中文标题】使用 Ajax 请求创建元素和 appendChild【英文标题】:Using Ajax request to create element and appendChild 【发布时间】:2011-10-07 20:51:41 【问题描述】:

我正在尝试制作一个脚本以在使用 ajax/appendChild 单击当前字段时添加一个输入字段,但它不起作用。这是我的脚本..

<script type="text/javascript">
function addfile()

if (window.XMLHttpRequest)
  // code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  
else
  // code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  
xmlhttp.onreadystatechange=function()
  
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    
 var s = xmlhttp.responseText;
var div = createElement('div');
div.innerhtml = s;
document.getElementById("org_div1").appendChild = div;
    
  
xmlhttp.open("GET","addfile.php");
xmlhttp.send();

</script>

还有 html..

<div id="org_div1" class="file_wrapper_input">

                        <input type="hidden" value="1" id="theValue" />
<input type="file" class="fileupload" name="file1" size=
"80" onchange="addfile()" /></div>

还有 addfile.php 文件..

<script type="text/javascript">
    var i=0;
        var ni = document.getElementById('org_div1');
        var numi = document.getElementById('theValue');
    var i=0;
        var ni = document.getElementById('org_div1');
        var numi = document.getElementById('theValue');
        var num = (document.getElementById('theValue').value -1)+ 2;
        numi.value = num;
        var divIdName = num;
</script>
<input type="file"  class="fileupload" size="80" name="file' + (num) + '" onchange="addfile()" />;

任何输入?谢谢。

【问题讨论】:

这是***.com/questions/6736165/…的副本... 我的答案应该是好的... 【参考方案1】:

应该是:

document.getElementById("org_div1").appendChild(div);

var div = document.createElement('div');

见:

https://developer.mozilla.org/En/AppendChild https://developer.mozilla.org/en/document.createElement

来自上述参考(语法):

 var child = element.appendChild(child);

 var element = document.createElement(tagName);

【讨论】:

@Jonah - 已编辑。您需要在文档元素上调用createElement

以上是关于使用 Ajax 请求创建元素和 appendChild的主要内容,如果未能解决你的问题,请参考以下文章

Extjs 4创建工具栏项目宽度ajax请求

使用 AJAX 请求时是不是还需要 Form 元素?

VueJs 2 不在“就绪”函数中调用 Ajax 请求

关于DOM树的常见增删操作

数据表,更改 AJAX 数据(不使用元素)

使用Ajax遇到的问题