вызов ajax при нажатии кнопки

У меня есть простая кнопка html.вызов ajax при нажатии кнопки

Когда я нажимаю на него, вызывается ajax.

Это мой код.

<INPUT type="button" class="form6form" id="newsubmit" name="newsubmit" value="Submit">

И вот полный код ajax.

Я хочу Аякса, чтобы проверить мой код, а затем использовать обработчик успеха

$('body').on('click', '#newsubmit', function (event) { 

    $("#form6").validate({ 
     debug: false, 
     rules: { 
      plnonew: "required", 
      pldtnew: "required", 
      noboxnew: "required", 
     }, 
     messages: { 

      plnonew: "Please select a pack list id..", 
      pldtnew: "Please select a date..", 
      noboxnew: "Please select a box no..", 
     }, 
     submitHandler: function (form) { 
      $.ajax({ 
       type: "POST", 
       url: "try.php", 
       data: $('#form6').serialize(), 
       cache: false, 

       success: function (html) { 

        var div1 = $(html).filter('#div1'); 

        loading_hide(); 
        $("#container").html(div1); 
       } 
      }); 
     } 
    }); 

});

Ничего не происходит, когда я нажимаю на кнопку.

Любая идея? Спасибо.

источник

2013-05-20 user2234992

, где проблема? – Giona

Какой аякс-код? Обработчик кликов пуст, что вы ожидали! – adeneo

@adeneo код ajax в порядке. Я не прибавил. Щелчок не действует. спасибо – user2234992

В HTML-код на стороне клиента index.html файл

<!doctype html> 
<html> 
    <head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
<script> 

    function myCall() { 
     var request = $.ajax({ 
      url: "ajax.php", 
      type: "GET",    
      dataType: "html" 
     }); 

     request.done(function(msg) { 
      $("#mybox").html(msg);   
     }); 

     request.fail(function(jqXHR, textStatus) { 
      alert("Request failed: " + textStatus); 
     }); 
    } 
</script> 
     <meta charset="utf-8" /> 
     <title>My jQuery Ajax test</title> 
     <style type="text/css"> 
      #mybox { 
       width: 300px; 
       height: 250px; 
       border: 1px solid #999; 
      } 
     </style> 
    </head> 
    <body> 
     The following div will be updated after the call:<br /> 
     <div id="mybox"> 

     </div> 
     <input type="button" value="Update" /> 

    </body> 
</html>

На стороне сервера ajax.php файл

<?php 
echo '<p>Hi I am some random ' . rand() .' output from the server.</p>'; 

?>

источник

2013-05-20 12:26:13

submitHandler в валидации плагин заменяет родной представить, вход с типом button не представит форму и вызвать sumbitHandler, так это изменить:

<INPUT type="button" class="form6form" id="newsubmit" name="newsubmit" value="Submit">

к:

<input type="submit" class="form6form" id="newsubmit" name="newsubmit" value="Submit">

И инициализируйте проверку вне обработчика кликов.

источник

2013-05-20 10:17:35 adeneo

вызов ajax при нажатии кнопки

ответ

Смежные вопросы