Загрузка форм / PHP / Ajax? - PullRequest
Новая
       1

Загрузка форм / PHP / Ajax?

0 голосов
/ 23 июля 2011

Я сейчас изучаю PHP.Я сделал простой скрипт @ http://hash.techho.me,, единственное, я хочу, чтобы форма отправляла, а затем загружала результаты через AJAX, без того, чтобы пользователь покинул страницу.Возможно ли это?

Ответы [ 5 ]

2 голосов
/ 23 июля 2011

post форма с использованием ajax 

$.ajax({
url:'yoururl',
data:$("form").serialize(),
type:'POST',
success:function(data){
alert("success");
},
error:function(jxhr){
alert(jxhr.responseText);
}

});

jQuery.ajax () - API jQuery

0 голосов
/ 23 июля 2011

да, это возможно. Напишите функцию javascript, которая будет запускаться при отправке, отключите кнопку отправки, чтобы пользователь не мог нажать ее снова, и, наконец, запросите сервер через ajax. при успешном ответе обновите контент. Что-то вроде следующего в Jquery 

    $('.form-submit').click(function(event)) {
         event.preventDefault();
         if(form is valid and not empty) {
              $.ajax({
                   type: "POST",
                   url: "path to script that will handle insetion",
                   data: "data from form", //like ({username : $('#username').val()}),
                   suceess: function(data){
                        //update the content or what. data is the response got from server. you can also do like this to show feedback etc...
                        $('.feedback').html("Data has been saved successfully");
                   },
                   error: function(){
                        $('.feedback').html("Data couldn't be saved");
                   }
               });
         }

    }
0 голосов
/ 23 июля 2011

Вы можете использовать библиотеки JQuery или Prototype JS для простого вызова AJAX.Пример использования jQuery: 


$.ajax({
  url:'hashed.php',
  data:$("form").serialize(),
  type:'POST',
  success: function(data){
    $('hashmd5').html(data.md5);
    $('hashsha1').html(data.sha1);
  },
  error: function(jxhr){
    alert(jxhr.responseText);
  }
});

Никогда не используйте одинаковое значение идентификатора в HTML, никогдаОни должны быть уникальными для корректного выполнения функций JavaScript над элементами.

0 голосов
/ 23 июля 2011

Fike

используйте для этого ajax, давайте попробуем этот для вашей практики 

var string = $("#string").val();
var dataString = 'string=' + string ;
if(string==''){
    alert('enter any string');
}
else{
    $.ajax({
        type: "POST",
        url: "path of php file",
        data: dataString,
        suceess: function(){
            //do something
        },
        error: function(){
            //do something
        }
    });
}
0 голосов
/ 23 июля 2011

Размещение на той же странице должно помочь.Для этого не нужно использовать ajax 

> <?php 
> 
> //do stuff with $_POST 
> ?>
> 
> <html> <body> <form method="post">
> 
> <?php echo $result ?>
> 
> </form> 
> </body>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...