Javascript 的语法错误？

Question

嘿，我做错了什么？我的 JS 文件停止工作，我尝试了不同的方法，但它不起作用。我想通过单击带有“id”的按钮来启动该功能。

$(document).ready(function () {
    $("#paybutton").click(function () {}
    var params = ("projectpaymentoption=1197&id=");
    var usernamepay = window.localStorage.getItem("username");
    var paymenturl = params + usernamepay;
    }

    $.ajax({
        type: 'post',
        url: 'http://www.bla.de/phone/encode.php',
        data: {
            data: {
                "usernamepay": usernamepay
            },
        }
        success: function (result) {
            console.log(result);
        }
    });

Answer 1

问题：

你没有关闭所有的括号，我认为你关闭了点击回调函数太早了。您没有正确结束括号。您的 ajax 调用超出了 click 处理程序和 ready 函数的范围。

注意：您需要学习使用缩进、括号放置和 cmets 来帮助您将代码块视为执行的不同部分，这样您就可以发现像 ajax 调用这样的事情只被触发一次（没有正确的变量）而不是在那个允许它发生多次的点击处理程序中。

在变量赋值中你不需要在你的字符串周围加上括号。

编辑：下一部分是角度特定的，不是 jquery，但不是无效的 .ajax() 要求 post 请求中的数据为字符串格式，而不是对象格式。

解决方案：

重新组织代码以显示缩进并更正闭包，包括结尾 })；这是需要的。

去掉括号，将变量声明合并到一个var语句中（可读性和效率/文件大小）

使用'use strict'也是个好主意

我使用$.param(obj) 来格式化传递的数据。

代码：

'use strict';
$(document).ready( function() {
  $("#paybutton").click(function() {
    var params = "projectpaymentoption=1197&id=",
                usernamepay = window.localStorage.getItem("username"),
                paymenturl = params + usernamepay;

    $.ajax({
      type: 'POST',
      url: 'http://www.bla.de/phone/encode.php',
      data: $.param({"usernamepay": usernamepay}),
      success: function(result) {
        console.log(result);
      }
    }); // end of ajax call
  }); // end of #payButton click handler
}); // end of document.ready function

Answer 2

下面的格式化代码。下次请使用一些IDE。

$(document).ready(function... 函数已关闭，底部有});。 $("#paybutton").click(function(){.. 已被 }); 适当关闭

删除了额外的data: { 声明，在success: function() 之前放置一个,。还更正了其他缩进。

$(document).ready( function() {
    $("#paybutton").click(function() {
        var params = ("projectpaymentoption=1197&id=");
        var usernamepay = window.localStorage.getItem("username");
        var paymenturl = params + usernamepay;
        $.ajax({
             type: 'post',
             url: 'http://www.bla.de/phone/encode.php',
             data: {"usernamepay": usernamepay},
             success: function(result) {
             console.log(result);
              }
        });                         
    });
});

Answer 3

您应该使用一些 IDE（或至少一些可以帮助您进行语法着色和括号匹配的程序 - notepad++ 可能很棒）并为您的代码添加一些缩进

这是您的代码缩进，以及我在那里添加的一些 cmets。
通过这种方式，您可以了解问题所在以及如何解决这些问题。

$(document).ready( function() {
    $("#paybutton").click(function() {
            // Nothing here
        } // <-- Here you should close the click function (from two lines above), missing )
        var params = ("projectpaymentoption=1197&id=");
        var usernamepay = window.localStorage.getItem("username");
        var paymenturl = params + usernamepay;
    }

    $.ajax({
        type: 'post',
        url: 'http://www.bla.de/phone/encode.php',
        data: {
            data: {"usernamepay": usernamepay},
        } // <-- Here you should have a comma. Elements of object are separated with commas, just like your previous lines
        success: function(result) {
            console.log(result);
        }
    });

// <-- Here you should close the ready function (from the first line), missing )

Answer 4

“成功”字段前需要一个逗号。如果在代码中不是必需的，但在数据对象文字中，它将是必需的。这是一个问题，但可能还有更多问题。