Làm cách nào để vô hiệu hóa tác vụ gửi

Question

Xin chào, tôi có biểu mẫu này mà tôi không muốn thực hiện tác vụ khi nút gửi được nhấp. Tất cả tôi muốn làm là thực hiện một chức năng tải dữ liệu vào một div. Bất kỳ ý tưởng ??

<form method="POST" action="" id="search-form"> 
      <input type="text" name="keywords" /> 
      <input type="submit" value="Search" id="sButton" onclick="loadXMLDoc('file.xml')" /> 
</form> 

Answer 1

onclick="loadXMLDoc('file.xml'); return false;" 

hoặc thậm chí tốt hơn:

<script> 
    window.onload = function() { 
     document.getElementById("search-form").onsubmit = function() { 
      loadXMLDoc('file.xml'); 
      return false; 
     }; 
    }; 
</script> 

Thực hiện loadXMLDoc, bạn có thể sử dụng các mô-đun ajax trong jQuery. ví dụ:

function loadXMLDoc() { 
    $("div").load("file.xml"); 
} 

mã cuối cùng sử dụng jQuery:

<script> 
    $(function() { 
     $("#search-form").submit(function() { 
      $("div").load("file.xml"); 
      return false; 
     }); 
    }); 
</script> 

Answer 2

tôi nghĩ rằng bạn cần chức năng ajax để tải dữ liệu với trong div mà không cần tải lại trang

chuyển đổi loại hình đầu vào submit để button

<input type="button" value="Search" id="sButton" onclick="AjaxSend()" /> 

Ajax CAll:

<script type="text/javascript"> 
    function AjaxSend(){ 
     $.get('file.xml', function(data) { 
       $('div').html(data); 
      }); 
    } 
</script>