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 }
});

通过AJAX将值传递给数据库

1 个答案: