php - 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?”警报。现在页面卡在 chrome 中。没有任何反应。在 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>