通过AJAX将值传递到数据库

Question

我正在创建一个网站LINK，在那里用户可以“添加”场景到YouTube视频。只需提供场景名称和场景的开始和暂停时间。

我创建了界面，用户可以做到这一点。但是我知道我想把用户的工作保存到数据库中。根据我的研究，我想我会使用AJAX，或者你可以推荐其他的东西？

我的主要问题是我能用下面的代码做什么？我正在创建带有标题、开始和暂停时间的按钮，但是如何将这些值传递到数据库？也许我必须创建对象？就像每个按钮都是具有属性的对象一样吗？

function createButtons(start, stop, scene_name){

    counter++;
    var button = document.createElement("BUTTON");
    var text = document.createTextNode(scene_name);
    button.appendChild(text);
    var button_del = document.createElement("BUTTON");

    button.type = "button";
    button.id = "BUTTON_scene";
    button.name = "BUTTON_scene_"+counter;

    button_del.type = "button";
    button_del.id = "BUTTON_delete";
    button_del.name = "BUTTON_del_"+counter;

    var added_scene = document.getElementById("added_scene")
    document.getElementById("added_scene").appendChild(button);
    document.getElementById("added_scene").appendChild(button_del);

    var test = document.getElementsByName("BUTTON_scene_"+counter)[0];
    var test2 = document.getElementsByName("BUTTON_del_"+counter)[0];

    button.onclick = function () {playerInstance.seekToPause(start,stop)};
    button_del.onclick = function () { test.remove(); test2.remove() };
}

Answer 1

您可以进行ajax调用，并将JSON格式的值传递给服务器。只需在ajax调用之前创建一个JS变量

var foo = {foundation: "Mozilla", model: "box", week: 45 } //in your case you could give change property names foundation/model/week and set values which needs to be sent to server

在ajax调用中，将此数据作为

data : JSON.stringify(foo);

AJAX调用将是

$.ajax({
url: url,
type: "POST", 
data: JSON.stringify(foo),
contentType: "application/json",
success:fuction(data){ //any logic to handle }
});