如何在ajax中获取文本字段值?

时间:2012-04-17 04:08:18

标签: php javascript ajax

我有一个包含来自数据库的动态数据的表,每行包含一个文本字段和2个链接(接受或拒绝)。然后,如果用户点击这些链接中的任何一个,该行将消失,其余行仅在表格中可见。

我通过点击每个链接获得带有ajax的每行的ID,但是我还需要获取text-field值。 我怎么才能得到它? 获取值后我需要在ajax中导入我需要在php + sql中插入数据库。

这是我的 ajax链接部分

 $('a.accept').click(function(d) {
    d.preventDefault();
    var parent = $(this).parent();
    $.ajax({
      type: 'get',
      url: 'Test.php',
      data: 'ajax=1&accept=' + parent.attr('id').replace('record-',''),
      beforeSend: function() {
        parent.animate({'backgroundColor':'#fb6c6c'},300);
      },
      success: function() {
        parent.slideUp(300,function() {
          parent.remove();
        });
      }
    });
  });

});

如何在其中包含文本字段值?

请评论我真的需要解决它, 谢谢

3 个答案:

答案 0 :(得分:0)

您可以手动将文字添加到GET请求中。

(片断)

data: 'ajax=1&accept=' + parent.attr('id').replace('record-','') + '&text=VALUE',

用您希望在PHP中接收的名称替换text。将VALUE替换为您要抓取的页面上输入的文本 - 并且不要忘记对值进行编码。

答案 1 :(得分:0)

首先需要文本字段的id名称。然后你可以做这样的事情:

var textboxvalue = $('name or id of textfield').val();

然后,您需要将此值附加到数据字符串:

data: 'ajax=1&textvalue='+textboxvalue+'accept=' + parent.attr('id').replace('record-',''),

然后,您可以使用$_GET['textvalue'];获取文本框的值。

答案 2 :(得分:0)

使用以下内容,你很高兴。你还有额外的'});'在JS片段的最后一行。我删除了它。但请确保您按以下格式向文本字段提供ID:

text-fld-RECORD_ID
其中
RECORD_ID
是记录的ID。

$('a.accept').click(function(d) {
    d.preventDefault();
    var parent = $(this).parent();
    var id = parent.attr('id').replace('record-','');
    //make sure that text field has ID in pattern 'text-fld-RECORD_ID'
    var text_fld = $('#text-fld-'+id).val();
    $.ajax({
      type: 'post', // I suggest using post; get will be harmful in such occasions
      url: 'Test.php',
      data: {ajax:1,accept:id,text:text_fld},
      beforeSend: function() {
        parent.animate({'backgroundColor':'#fb6c6c'},300);
      },
      success: function() {
        parent.slideUp(300,function() {
          parent.remove();
        });
      }
    });  
});