jQuery Ajax 错误

Question

我通过 ajax 将一些表单值发布到 PHP 脚本。如果成功，PHP 会回显 1，否则会回显 2。

PHP 似乎工作正常，但我被重定向到 javascript 中的 url，并在空白页上显示数字 1，而不是回显到 ajax 请求。

这是我的 javascript，谁能看出我哪里出错了？

$(".save").click(function() {
var area = $("input#area").val();  
var january = $("input#january").val(); 
var target = $("input#target").val();
var ach = $("input#achieved").val(); 
var comments = $("input#comments").val(); 
var token = "<?php echo $token; ?>";
var dataString = 'area='+ area + '&january=' + january + '&target=' + target + '&achieved=' + ach + '&comments=' + comments + '&ci_token=' + token;
  $.ajax({
    type: "POST",
    url: "review/update-review/<?php echo $yr; ?>",
    data: dataString,
    success: function(msg) {

        if(msg == 1)
        {
            alert("Your review has been updated.");
        }
        else
        {
            alert("There was a problem updating your review. Please try again.");
        }

    }
  });
  return false; });

Answer 1

我认为问题可能在于您的数据参数的格式。对于

类型：“POST”

那么对于

数据：“{param1: 'param1', param2: 'param2'}”

你有没有像 fiddler 这样的工具来查看你的浏览器和服务器之间的通信。如果不是，我建议下载 fiddler（它是免费的）。它可以让您深入了解幕后实际发生的事情，并提供有关 ajax 样式帖子可能出现问题的宝贵信息。

Answer 2

对我来说，代码看起来很不错，包括语法。仍然存在一些可能性，它们是：-

• 您在示例中使用的执行 PHP 代码的 URL（“review/update-review/<?php echo $yr; ?>”）可能与您当前的页面有关。
• 您在此处使用它来捕获 INPUT 元素的值的变量可能会产生一些额外的特殊字符（如“&”），这可能会导致错误处理，从而导致 JavaScript 问题。

希望对你有帮助。

Answer 3

对于初学者，if(msg == 1) 不会是 == 1，因为您获取的是字符串，所以它会是 b if(msg == '1')。

你在哪里

var dataString = 'area='+ area + '&january=' + january + '&target=' + target + '&achieved=' + ach + '&comments=' + comments + '&ci_token=' + token;

将其更改为像这样的对象：

var dataObject = {
    area : area,
    january : january,
    target : target,
    achieved : ach,
    comments : comments,
    ci_token : token
}

然后在ajax请求中改成dataObject

调试

• 火狐：firbug。
• 如果您使用 chrome 点击Ctrl+Shift+J 来打开 JavaScript 控制台并进行调试。查看您发送的所有标头和数据，您可以使用console.log(varaible) 跟踪变量的值。