AppendChild не работает в Ajax-запросе - PullRequest
Новая
       33

AppendChild не работает в Ajax-запросе

0 голосов
/ 18 июля 2011

У меня есть скрипт для добавления элемента поля ввода при нажатии на текущий.Когда я использую innerHTML, он заменяет текущий, а это не то, что я хочу.Поэтому я решил, что 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)
    {
    document.getElementById("org_div1").appendChild = xmlhttp.responseText;
    }
  }
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 .. 

    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()" />;

Любой ввод?И снова, innerHTML РАБОТАЕТ, appendChild - нет.Благодаря.

Ответы [ 2 ]

4 голосов
/ 18 июля 2011

parent.appendChild () - функция, ожидающая объекта DomNode, и вы передаете строку, она не может работать ...

Попробуйте: 

var d = document.createElement('div');
d.innerHtml = xmlhttp.responseText;
document.getElementById("org_div1").appendChild(d);
0 голосов
/ 18 июля 2011

AppendChild ожидает объект, где innerHTML работает со строкой. А так как ваш сервер возвращает частичный HTML, это будет работать только с innerHTML.

...