0

私は初心者のプログラマーです。簡単なコードで 2 日間立ち往生しています。別のページにフォームを送信するために jquery フォーム プラグインを使用し、そのページからフィードバックを取得しようとしています。問題は、プラグインが機能していないことです。フォームフィードバックなしで通常どおり送信されます。コードは次のとおりです

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

<div id='preview'></div>
<form  action='ajaxcall.php' id='upload_pic' enctype='multipart/form-data' method='post'>
<input type='file' id='pic' name='picture'>
<input type='submit' id='sub'>
</form>

var options=
{
target:'#preview',
url:'ajaxcall.php'


};

$(document).ready(function(){
$("#sub").click(function(){
    $('#preview').html("<img src='images/loader.gif' alt='Loading.....'/>");
    $('#upload_pic').ajaxForm(options).submit();
    });
});

これが私のajaxcall.phpページコードです

 if(!empty($_FILES['picture']['size']))
 {
echo "<img src='images/197.jpg'>";

 }

エコーされた画像がフィードバックされると予想されていましたが、ページは単純に ajaxcall.php page.ajaxForm() 関数にリダイレクトされます。

4

2 に答える 2

0

スクリプト コードの代わりにこれらのコードを使用してください。返事遅れてすみません

$(document).ready(function(){
$("#sub").click(function(){
       var options=
       {
          target:'#preview',
          url:'ajaxcall.php' 
       };
       $('#preview').html("<img src='images/loader.gif' alt='Loading.....'/>");
       $('#upload_pic').ajaxForm(options).submit();

    });
});
于 2014-04-16T04:52:30.303 に答える
0

送信ボタンを通常のボタンに置​​き換えるだけです。これは、クリック ハンドラーからプログラムでフォームを既に送信しているためです。次の html を置き換えます。

<input type='submit' id='sub'>

これについて：

<input type='button' id='sub'>
于 2013-03-24T06:27:13.217 に答える