Question

我使用div.load（），但是加载了div，整个页面重新加载。我只是想在点击提交时刷新div＃trial部分而不刷新整个页面。这是代码：

    <form  method="post">
                Date <?php select_date();  ?>
                 Exercise 
                <select name="exercise" style="font-size:15px; height:30px; line-height:30px;"> 
                    <option value="-1">All</option>
                    <option value="0">Arm Supination</option>
                    <option value="1">Arm Pronation</option>
                    <option value="2">Elbow Flexion</option>
                    <option value="3">Elbow Raise</option>
                    <option value="4">Shoulder Flexion</option>
                    <option value="5">Shoulder Abduction</option>
                </select> 
                <input type="submit" name="submit" value="Submit" id="submit">
            </form>

    <div class="grid_5 mb_50 mt_50" id="trial" style="overflow:scroll; height:400px;}">
        <?php display_ses(); ?>
    </div>


   <script type="text/javascript">
   $(document).ready(function (){ 
   $('#submit').click(function(){
    $('div.#trial').load('Patient_daily.php div.#trial');
    });

   });
   </script>

Answer 1

这是因为点击提交按钮会提交表单，这会导致浏览器离开当前页面。要阻止按钮的自然动作，请使用preventDefault。

$('#submit').click(function(event){
  event.preventDefault();
  $('div.#trial').load('Patient_daily.php div.#trial');
});

为什么当我使用jquery的div.load（）时，我的整个页面重新加载而不是重新加载div

1 个答案: