Javascript (jQuery) - проблема с $ .post

Question

Итак, по какой-то причине мой скрипт отказывается работать, хотя кажется, что он правильный.

Я попытался использовать $ .ajax, но тоже не работал с этим.Любые идеи, что пошло не так?

<script>
$(document).ready(function() {
     $('#saveForm .submit').click(function() {
      var _user = $('#saveForm .user');
       _userId = $('#saveForm .userId');
       _password = $('#saveForm .password');

      $('#saveForm').append('<p>Loading...</p>');

      $.post("ajax/fetchPhotos.php", {user:_user, userId:_userId, password:_password}, function(data) {
       alert(data);
      });

      return false;
     });
});
</script>

В ajax / fetchPhotos.php у меня есть это:

<?php
set_time_limit(0);
session_start();
require_once("includes/functions.php");
require_once("includes/pclzip.lib.php");

/*
Huge block of code here (commented out for the moment)
*/
echo "wut?";

Итак, при нажатии .submit, он должен отправить запрос на fetchPhotos.phpс тремя параметрами, а затем предупредить "WUT?"Прямо сейчас страница висит в хроме .. ничего не происходит.В Firefox страница просто обновляется.Я получаю одну ошибку в консоли, но вижу ее только на долю секунды, когда страница обновляется напрямую.

Спасибо, Пит

Answer 1

Вы должны использовать метод .val (), чтобы получить значение входных данных.

попробуйте так:

<script>
$(document).ready(function() {

    $('#saveForm .submit').bind('click', function() {
        var 
            user = $('#saveForm .user').val(),
            id = $('#saveForm .userId').val(),
            password = $('#saveForm .password').val();

        $('#saveForm').append('<p>Loading...</p>');

        $.post("ajax/fetchPhotos.php", {user:user, userId:id, password:password}, function(data) { 
            alert(data);
        });

        return false;
    });
});
</script>

Answer 2

Кажется, проблема связана с синтаксисом, а также попробуйте с абсолютным URL или можете сделать таким образом

new Ajax.Request("ajax/fetchPhotos.php", {
            method: 'post',
            parameters: 'id='+id,
            onComplete: function(transport) {
            alert(transport.responseText);
            }
            });