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

发布于 2024-12-28 16:38:10 字数 1943 浏览 5 评论 0原文

我正在使用 jQuery 表单来发布数据。我正在从服务器发送一些响应，我希望这些响应出现在使用目标选项指定的 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>

我的问题是什么以及如何解决它？

谢谢！

原文

I am using jQuery Form to post data. I am sending some response from the server that I want present in the div specified with the target option. I can see in firebug that the response is actually returned to the browser but the information is not turning up in the specified div.

I'm also using jQuery Multifiles in order to be able to upload more than one file. This part works fine and I can upload several files and those are presented on the server.

This is my own smicadminjavascripts.js

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

my .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>

What is my problem and how do I fix it?

Thanks!

分享到QQ

分享到微博