将html元素的id传递给php

Question

我想通过ajax将一个变量从html元素发送到php。它是一个按钮，因此value属性不能用于分配变量。是否可以将它的id属性发送到带有jquery的php文件，还是有更好的方法？

Answer 1

如果您只想将元素的ID字段发送到带有jQuery的服务器，您可以执行以下操作：

myButton = $(".some.selector.that.finds.the .button")
$.post("http://myserver.com/myfile.php", {theID: myButton.attr('id')});

如果要将数据与该元素一起存储，请使用data-属性，如下所示：

<强> HTML：

<button name="mybutton" data-extra="blahblahblah...">

<强>使用Javascript：

myButton = $(".some.selector.that.finds.the .button")
$.post("http://myserver.com/myfile.php", {myData: myButton.data('extra')});

Answer 2

使用ajax非常容易。例如，使用$ .post，也可以更改为$ .get

http://api.jquery.com/jQuery.post/

$( selector ).click( function(){
    $.post( url, { id: this.id} , function( data){
        /* do something here on ajax success*/
    })

})

Answer 3

您可以传递ID，或使用按钮上的data-属性来存储您想要传递的内容。

Answer 4

使用隐藏的输入元素。设置它们，然后在php中读取它们