Ниже индексный файл
PHP:
скопировать код в буфер обмена
скопировать код в буфер обмена
- <link rel="stylesheet" type="text/css" href="style.css" />
- <script type="text/javascript" src="js/jquery-1.5.2.min.js"></script>
- <script type="text/javascript" src="js/jquery.validate.min.js"></script>
- <script type="text/javascript" src="js/myscripts.js"></script>
- <script src="http://jqueryvalidation.org/files/dist/additional-methods.min.js"></script>
- <script type="text/javascript">
- $(document).ready(function(){
- $("#formdata").on("click",function () { //это обработчик нажатия кнопки ОТПРАВИТЬ
- $("#formdata").validate();
- $.ajax({// инициализируем ajax запрос
- type: 'POST', // отправляем в POST формате
- url: 'obrabot.php', // путь до обработчика, у нас он лежит в той же папке
- data: data, // данные для отправки
- cache: false,
- target: '#p1',
- success: function (data) {
- if (data ){
- alert ("OKyjyuj");
- $("#p1").text(data);
- }
- else
- {
- alert("no ok");
- }
- }
- });
- return false;
- });
- });
- </script>
- </head>
- <body>
- <div style="display: flex;">
- <p>Введите чило: </p>
- <form id="formdata" method="POST" action='obrabot.php' style="margin: 16px;">
- <input name='int' type='int' /> <br /><br /> <input type='submit' name='Submit' id="submitsend" value='Отправить' />
- </form>
- <p id="p1"></p>
- </body>
- </html>