0

ajaxを使用して、画像やその他の入力を含むフォームをアップロードしようとしています。私は使っている

http://malsup.com/jquery/form/#ajaxFormを参照してください。Codeigniter なしで作業したときは、すべて正常に動作しました。しかし、ビューにコードを統合してからフォームを送信すると、新しいページ、つまりアクションで指定されたページが読み込まれます。アクションを削除してスクリプトに URL を追加しても、スクリプトが呼び出されていないかのように何も起こりません。これが私のコードです:-

 <html>
 <head>

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script> 
 <script src="http://malsup.github.com/jquery.form.js"></script> 

<script type="text/javascript">
$(document).ready(function() {
    var options = { 
        clearForm: true,
        resetForm: true
    };
    // bind 'myForm' and provide a simple callback function 
    $('#myForm').ajaxForm(function() { 
        //alert("Thank you for your comment!"); 

    }); 
    $('#myForm').ajaxForm(options);

}); 
</script> 

</head>

<body>
<form id="myForm" name="myForm" action="/main/comment" method="post"   enctype="multipart/form-data"> 
<input type="text" name="name" />
<br /> 
<textarea name="comment"></textarea> 
<br />
<input type="file" value="Share a Pic" name="file" id="file" />
<br />
<input type="submit" value="Submit Comment" /> 
</form>
</body>
4

0 に答える 0