Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用jquery将编辑后的数据从表保存回数据库_Javascript_Jquery_Html_Css_Ajax - Fatal编程技术网

Javascript 如何使用jquery将编辑后的数据从表保存回数据库

Javascript 如何使用jquery将编辑后的数据从表保存回数据库,javascript,jquery,html,css,ajax,Javascript,Jquery,Html,Css,Ajax,我有一个表,用户可以单击该行,然后编辑该行。我希望现在能够将其保存回数据库。我该怎么做?我只是不知道如何创建ajax调用来运行它 //覆盖函数 函数openOverlay(){ document.getElementById(“pageOverlay”).style.visibility=“visible”; } 函数closeOverlay(){ document.getElementById(“pageOverlay”).style.visibility=“hidden”; } //显示要

我有一个表,用户可以单击该行,然后编辑该行。我希望现在能够将其保存回数据库。我该怎么做?我只是不知道如何创建ajax调用来运行它

//覆盖函数
函数openOverlay(){
document.getElementById(“pageOverlay”).style.visibility=“visible”;
}
函数closeOverlay(){
document.getElementById(“pageOverlay”).style.visibility=“hidden”;
}
//显示要编辑的行数据或查看单行
$(“.rowEditData”)。单击(函数(){
html=“形状名称:
边数:
内角之和:

”; $(“#pageOverlay”).html(html).show(); openOverlay(); }); 函数saveNewRowData(){ shapeName=$(“输入[name=shapeName]”)。val(); numberdges=$(“输入[name=numberdges]”).val(); sumgangles=$(“输入[name=sumgangles]”)val(); $.ajax({ url:“someURLhere.php”, 数据:数据, 类型:“职位” }); }
#页面覆盖{
显示:无;
位置:绝对位置;
宽度:100%;
身高:100%;
背景色:rgba(0,0,0,0.25);
z指数:99;
}
#页面覆盖分区{
填充:1%;
宽度:30%;
身高:80%;
利润率:100像素;
左边缘:35%;
背景色:rgb(255、255、255);
}
.editRowLabel{
字体大小:粗体;
字体大小:16px;
}

形状名称
边数
内角之和
六角形
6.
无效的
无效的
6.
无效的
无效的
3.
180
无效的
4.
360
无效的
5.
540
无效的
6.
120
无效的
10
1440
八角形
8.
无效的
五角形
无效的
无效的
五角形
无效的
无效的
广场
4.
无效的
广场
无效的
无效的
广场
4.
无效的
梯形
4.
无效的
三角形
3.
无效的
三角
3.
无效的
  • 有一件事你需要连接到数据库
  • 您需要在每一行中添加ajax

    $(文档).ready(函数() {
    $('#btn')。单击(函数(e)
    {

    }))


    • 以下是我想出的有效方法。我只需使用一个php脚本,然后将数据保存到数据库中

          function saveNewRowData(){
            shapeName = $("input[name=shapeName]").val();
            numberEdges = $("input[name=numberEdges]").val();
            sumAngles = $("input[name=sumAngles]").val();
            $.ajax({
                type: "POST",
                url: "saveNewData.php",
                data: {shapeName: shapeName, numberEdges: numberEdges, sumAngles: sumAngles},
                success: function(response){
      
                }
            });
          }
      

      你知道如何在服务器端处理来自Ajax请求的请求吗?我不是100%确定如何处理。我知道我需要使用Ajax将其保存回数据库,但不确定如何设置该功能。你的url是空的。你将其保存到什么,php页面、web服务,什么?你希望它作为发布表单或JSON返回吗?我升级了现在我只需要创建ajax调用和php脚本。我不久前就在尝试这样做。很高兴我能找到这个答案。
          function saveNewRowData(){
            shapeName = $("input[name=shapeName]").val();
            numberEdges = $("input[name=numberEdges]").val();
            sumAngles = $("input[name=sumAngles]").val();
            $.ajax({
                type: "POST",
                url: "saveNewData.php",
                data: {shapeName: shapeName, numberEdges: numberEdges, sumAngles: sumAngles},
                success: function(response){
      
                }
            });
          }