Php Ajax是创建可勾选任务列表的可行选项吗?

Php Ajax是创建可勾选任务列表的可行选项吗?,php,jquery,ajax,Php,Jquery,Ajax,我正在为我的站点创建任务列表。用户可以使用带有日期选择器的简单文本输入表单添加与项目相关的新任务 任务显示在一个简单的列表中,旁边有一个复选框。我的意图是这样,当一个框被勾选时,文本通过它得到一行,并且sql表被更新。(没有实际的保存按钮) 在我想知道我打算使用下面的方法是解决这个问题的正确方法还是我认为应该是更好的选择之前,从来没有使用过Ajax。我是一个相对的初学者谁是学习,因为我的工作项目 我的意图是让一个click事件在每个复选框上调用一个jquery函数(check/uncheck?)

我正在为我的站点创建任务列表。用户可以使用带有日期选择器的简单文本输入表单添加与项目相关的新任务

任务显示在一个简单的列表中,旁边有一个复选框。我的意图是这样,当一个框被勾选时,文本通过它得到一行,并且sql表被更新。(没有实际的保存按钮)

在我想知道我打算使用下面的方法是解决这个问题的正确方法还是我认为应该是更好的选择之前,从来没有使用过Ajax。我是一个相对的初学者谁是学习,因为我的工作项目

我的意图是让一个click事件在每个复选框上调用一个jquery函数(check/uncheck?),它将jquery填充的任务的id号传递到一个虚拟表单中,并通过ajax将其发布到一个php文件中,该文件将更新sql表

由于从未使用过ajax,这甚至是可能的。它们是否会成为性能问题?i、 e如果单击许多框会发生什么情况。(这是一个内部站点,最多有2到3人同时使用,但不经常)

我已经使用表单插件测试了一些Ajax表单提交
但有一件事我不明白,那就是一旦完成,如何采取一些行动,例如,如何刷新列表,使其显示表中更新的信息

这是解决你问题的合法方法。你真的不需要一个虚拟表单

您可以使您的函数如下所示:

function checkboxChecked(id)
{
    $.ajax({
      method: "POST",
      url: "yourPhpPage.php",
      data: { action: "checked", 
              id: id }
    })
    .done(function( msg ) {
         console.log("succeeded")
    }
    .fail(function( jqXHR, textStatus ) {
        alert( "Request failed: " + textStatus );
    });

}
资料来源:

这不会给您带来任何性能问题,除非您怀疑每秒有大量点击

对于服务器端,可以使用以下代码:

if (!isset($_POST['action'], $_POST['id']))
    return;

if ($_POST['action'] == "checked") {
   // your SQL call here.. Watch out for sql-injection!
}
else if ($_POST['action'] == "unchecked") {
   // your SQL call here.. Watch out for sql-injection!
}

@雷:没问题。如果你认为我的答案解决了你的问题,请考虑接受它作为回答。嗨,我似乎得到了一个错误沿着unthythangsRealEng:意想不到的令牌;我意识到ajax调用中缺少一个括号。不确定它到底应该放在哪里。(在.done(函数…行之后,我相信它没有关闭。您能帮忙吗?checkboxChecked()有什么问题吗?)函数,控制台在加载时给出了一个与分号相关的错误,然后在我尝试调用它时给出了一个未定义的函数错误。我不完全确定.done&.fail是如何工作的,所以现在完全按照您的建议复制了它们-我相信有一个右括号“)”丢失了,应该放在“{console.log(“suceeded”)}”之后编辑:对不起,别理我,事实上那个括号确实解决了问题。再次感谢你。没有问题,我实际上没有检查我自己的代码,只是在这里写的。:)我应该先自己检查。祝你的项目好运!