通过AJAX将值传递到数据库

Pass values by AJAX to database

本文关键字:数据库 值传 AJAX 通过      更新时间:2023-09-26

我正在创建一个网站链接,用户可以在其中向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() };
}

您可以进行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 }
});