跟踪数据库表/列以进行 html 表单控制的最佳方法

发布于 2024-08-04 03:07:24 字数 415 浏览 11 评论 0原文

我正在开发一个 php 程序，每个表单控件都需要 javascript。一旦 onblur 事件发生，该值将自动发送到服务器以更新数据库。

我可能有 50 个表单控件分布在 5 个选项卡上，因此我不想在 php 文件上硬编码信息。

我可以从 HTML5 中选择一个想法并为此创建新属性例如

data-table='user' data-column='firstname'

对于每个项目，然后 javascript 可以提取这些值并将它们发送到 php 文件。

我不知道是否有更好的方法来管理这些表单控件和几个表/列之间的映射？

原文

I am working on a php program that requires javascript on every form control. Once the onblur event takes place the value will automatically be sent to the server to update the database.

I have possibly 50 form controls spread over 5 tabs so I don't want to hardcode the information on the php file.

I could co-opt an idea from HTML5 and create new properties for this such as

data-table='user' data-column='firstname'

for every item, and then javascript could pull those values out and send them to the php file.

I don't know if there is a better way to manage the mapping between these form controls and the several tables/columns?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

烦人精 2024-08-11 03:07:24

HTML

<input id='data-base*data-colum' onblur='preupdate(this);' value='' />

JavaScript

function preupdate(el){
   var idData = el.getAttribute('id').split('*');
   var dataBase = idData[0];
   var dataColum = idData[1];

   update(el.value, dataBase, dataColum);
}

HTML

<input id='data-base*data-colum' onblur='preupdate(this);' value='' />

Javascript

function preupdate(el){
   var idData = el.getAttribute('id').split('*');
   var dataBase = idData[0];
   var dataColum = idData[1];

   update(el.value, dataBase, dataColum);
}

回复收藏 0 原文

勿忘初心 2024-08-11 03:07:24

事实上我认为这是你最好的选择。如果你使用jquery，你可以这样做：

$("input").blur(function () {
    var data-table = $(this).attr('data-table');
    var data-column = $(this).attr('data-column');

    $.ajax({
    type: 'post',
    url: your_url,
    data: your_get_data
    });
});

Actually I think that's the best option you have. If you use jquery, you can do something like this :

$("input").blur(function () {
    var data-table = $(this).attr('data-table');
    var data-column = $(this).attr('data-column');

    $.ajax({
    type: 'post',
    url: your_url,
    data: your_get_data
    });
});

回复收藏 0 原文