Question

我在尝试在javascript和Ajax中发送和接收参数时遇到了一些问题。我发送到/api/getHighScores并且该函数需要输入时间戳，输出是带有用户信息和值的json文件，即高分。当我收到回复时，我希望它也可以在我的Chrome插件中打印。

这是现在的代码。

data = {
    "startTime": JSON.stringify(1490208166633),
}
function getHighscores() {
    $("#knapp2").click(function() {

         $.ajax({
             type:"GET",
             url: "/api/getHighscores",
             data:[startTime=1490208166633],
             success: function (response){}
         });
    });
}

{
    "manifest_version": 2,

    "version": "1.1",

    "browser_action": {
      "default_icon": "resources/img/clock-icon-png-10763.png",
      "default_popup": "popup/popup.html"
    },
    "background": {
      "scripts": ["background/background.js"],
      "persistent": false
    },
    "permissions": [
      "activeTab",
      "https://ajax.googleapis.com/"
    ]
}

Answer 1

我在这里做了一些关于你的API结构的假设，但这正是我所期望的。

通常是

API / getHighScores

端点将获得与时间戳变量无关的所有高分。

var data = { startTime: 1490208166633 };
var userInfomation;

$("#knapp2").click(function() {
    $.ajax({
        type:"GET",
        url: "/api/getHighscores/" + data.startTime,
        success: function (userInfo)
        {
            userInfomation = userInfo;
        }
        error: function (response) 
        {
            // you should deal with the error case as well
            // it could give you more information about whats going wrong.
        }
    });
});
function getHighscores() {
    $("#knapp2").trigger("click");
}

如果您实际上是在GET方法下发送数据。

var data = { startTime: 1490208166633 };
var userInfomation;

$("#knapp2").click(function() {
    $.ajax({
        type:"GET",
        url: "/api/getHighscores",
        data: JSON.stringify(data);
        success: function (userInfo)
        {
            userInfomation = userInfo;
        }
    });
});

使用Ajax GET发送和接收参数

1 个答案: