使用jquery.form发布后的响应未添加到目标div

时间:2012-01-21 11:42:15

标签: javascript jquery html jquery-forms-plugin

我正在使用jQuery Form发布数据。我从服务器发送一些响应,我希望在目标选项指定的div中出现。我可以在firebug中看到响应实际上已返回到浏览器,但信息没有在指定的div中出现。

我也在使用jQuery Multifiles,以便能够上传多个文件。这部分工作正常,我可以上传几个文件,并在服务器上显示。

这是我自己的smicadminjavascripts.js

$(document).ready(function() {
     $('#newticketform').bind('submit', function(e) {                        
            e.preventDefault(); // <-- important
            $(this).ajaxSubmit({
                target: '#output'
            });
     });
});

我的.html:

<html>   
  <head>

    <script language='javascript' type='text/javascript' src='jquery-1.7.1.min.js'></script>
    <script language='javascript' type='text/javascript' src='jquery.MultiFile.js'></script>
    <script language='javascript' type='text/javascript' src='jquery.form.js'></script>
    <script language='javascript' type='text/javascript' src='smicadminjavascripts.js'></script> 
 <head>
 <body>

    <form id='newticketform' enctype='multipart/form-data'method='POST'>
    <input type='hidden' name='MAX_FILE_SIZE' value='1000000' />
    <label for='title'>Rubrik</label> <input type='text' id='title' name='title'/><br/><br/>
             <label for='description'>Beskrivning</label> <textarea rows='15' cols='50' id='description' name='description'></textarea><br/> 


                <!-- The file element -- NOTE: it has an ID -->
             <input class='multi' id='my_file_element' type='file' name='file[]' maxlength='5' >

             <div id='files_list'></div>
             <input type='submit' name='upload' value='Upload' /> 
    </form>
     <div id='output'></div>
  </body>
</html>

我的问题是什么?如何解决?

谢谢!

1 个答案:

答案 0 :(得分:0)

我再次下载了jquery.form(http://malsup.github.com/jquery.form.js)并替换了它。

仍然没有奏效。问题是文件没有再次下载到开发服务器(使用NetBeans / ftp)。我必须再次检查该框以便下载它。

现在它有效。不知道究竟是什么问题。