Javascript JQuery不处理ajax返回的内容

Javascript JQuery不处理ajax返回的内容,javascript,php,jquery,ajax,Javascript,Php,Jquery,Ajax,我有一段时间遇到这个问题,我就是想不出我做错了什么。(我想这是关于ajax响应的问题) 我正在尝试将图像上传到服务器。我尝试了我的运气与上传插件,现在我尝试这个插件--> “我的网站”包含下拉列表(包含对象),所选选项使用以下字段(对象任务)填充div:任务名称、说明和输入字段。这是我用来填充div的ajax脚本: <script type="text/javascript"> function showUzdevumi(str) { if (str == "") {

我有一段时间遇到这个问题,我就是想不出我做错了什么。(我想这是关于ajax响应的问题)

我正在尝试将图像上传到服务器。我尝试了我的运气与上传插件,现在我尝试这个插件-->

“我的网站”包含下拉列表(包含对象),所选选项使用以下字段(对象任务)填充div:任务名称、说明和输入字段。这是我用来填充div的ajax脚本:

<script type="text/javascript">
function showUzdevumi(str) {
    if (str == "") {
        document.getElementById("nacDargums_uzdevumi").innerHTML = "";
        return;
    } else { 
        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("nacDargums_uzdevumi").innerHTML = xmlhttp.responseText;
            }
        };
        xmlhttp.open("GET","getUzdevumi.php?q="+str,true);
        xmlhttp.send();
    }
}
</script>

函数showUzdevumi(str){
如果(str==“”){
document.getElementById(“nacDargums_zdevumi”).innerHTML=“”;
返回;
}否则{
if(window.XMLHttpRequest){
//IE7+、Firefox、Chrome、Opera、Safari的代码
xmlhttp=新的XMLHttpRequest();
}否则{
//IE6、IE5的代码
xmlhttp=新的ActiveXObject(“Microsoft.xmlhttp”);
}
xmlhttp.onreadystatechange=函数(){
if(xmlhttp.readyState==4&&xmlhttp.status==200){
document.getElementById(“nacDargums_zdevumi”).innerHTML=xmlhttp.responseText;
}
};
open(“GET”、“getUzdevumi.php?q=“+str,true”);
xmlhttp.send();
}
}
这是getUzdevumi.php文件中的一部分,在这里我可以获得关于每个任务的信息和每个任务的输入字段:

while($row = mysqli_fetch_assoc($result))
            {
    ?>          <!--//${"id_uzdevums_".$i} = $row["id_uzdevums"];   !-->


                <div class='nacDargums_popup_uzd' id='<?php echo "nacDargums_popup_uzd_".$i."" ?>'>
                <p class='nacDargums_popup_uzd_title'><?php echo "".$i.". ".$row['uzd_nosaukums']." : "?></p>
                <div class='nacDargums_popup_uzd_desc'><?php "".$row['uzd_apraksts'].""?></div></div>
                <div id='<?php echo "uzd_id_hidden_".$i.""?>' style='display: none;'><?php"".$row['id_uzdevums'].""?></div>
                <!-- Upload input field !-->
                <input class="fileupload" id=<?php echo "fileupload".$i ?> type="file" name="files[]" data-url="jQuery-File-Upload-master/server/php/" multiple>


                <?php $i++; ?>

    <?php

            }
while($row=mysqli\u fetch\u assoc($result))
{
?>          


初始化插件时,无法将插件分配给不存在的html。如果替换html,则需要再次初始化插件

一种快速的方法是将插件初始化封装到一个函数中,这样您就可以在页面加载时以及更新html时调用该函数

function initializeUploader() {    
  $('.fileupload').fileupload({
    dataType: 'json',
    done: function(e, data) {
      $.each(data.result.files, function(index, file) {
        $('<p/>').text(file.name).appendTo(document.body);
      });
    }
  });    
}

// page load initialization
$(function() {
  initializeUploader();
});

// ajax initialization    
xmlhttp.onreadystatechange = function() {
  if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
    document.getElementById("nacDargums_uzdevumi").innerHTML = xmlhttp.responseText;
    initializeUploader();
  }
};
function initializeUploader(){
$('.fileupload').fileupload({
数据类型:“json”,
完成:功能(e,数据){
$.each(data.result.files,函数(索引,文件){
$('

').text(file.name).appendTo(document.body); }); } }); } //页面加载初始化 $(函数(){ 初始化euploader(); }); //ajax初始化 xmlhttp.onreadystatechange=函数(){ if(xmlhttp.readyState==4&&xmlhttp.status==200){ document.getElementById(“nacDargums_zdevumi”).innerHTML=xmlhttp.responseText; 初始化euploader(); } };


非常感谢!花了一周时间寻找答案。
function initializeUploader() {    
  $('.fileupload').fileupload({
    dataType: 'json',
    done: function(e, data) {
      $.each(data.result.files, function(index, file) {
        $('<p/>').text(file.name).appendTo(document.body);
      });
    }
  });    
}

// page load initialization
$(function() {
  initializeUploader();
});

// ajax initialization    
xmlhttp.onreadystatechange = function() {
  if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
    document.getElementById("nacDargums_uzdevumi").innerHTML = xmlhttp.responseText;
    initializeUploader();
  }
};