使用Jquery从输入字段获取值并将其分配给PHP

Question

我有一个带按钮的小输入字段。它看起来像这样：

的 HTML

<input type="text" id="my_input"><span class="btn">Save</span>

JQUERY

$(".btn").click(function(){
        // send data to $_POST['#my_input']
    });

如果用户按“保存”，我可以使用jquery分配PHP isset吗？

    if(isset($_POST['#my_input'])){
      //action
    }

Answer 1

您可以使用jQuery的ajax或$(".btn").click(function(){ var input = $('#my_input').val(); $.post('url/to/file.php', {data: input }); ); - 方法提交表单数据异步：

if(isset($_POST['data'])){
    //action
}

在您的php文件中，您可以访问以下数据：

function add(me) 
{
    var buttons = document.querySelectorAll('button.add');
    var btn;
    for(var b = 0; b < buttons.length; b++)
    {
        btn = buttons[b];
        if(me === btn) {
            btn.a = btn.a || 1;
            btn.a++;
            addForButton(btn);
        }
    }
}

function rem(me) 
{
    var buttons = document.querySelectorAll('button.remove');
    var btn;
    for(var b = 0; b < buttons.length; b++)
    {
        btn = buttons[b];
        if(me === btn) {
            var divs = me.parentNode.querySelectorAll('div > div');
            if(divs.length > 1){
                divs[divs.length - 1].parentNode.removeChild(divs[divs.length - 1]);
                btn.a--;
            }
        }
    }
}

function addForButton(name) {
    var parent = name.parentNode;
    var content = parent.querySelector("div");
    if (name.a <= 9) 
    {
        var str = content.innerHTML;
        str = str.replace(/_1/gi, '_' + name.a);
        var divtest = document.createElement("div");
        divtest.setAttribute("id", name.a);
        divtest.innerHTML = str;
        parent.appendChild(divtest);
    }
}

<强>参考

$.post()

Answer 2

您可以通过以下方式完成： -

scala -cp scala.jar Program

并在page.php

上

<script>
    $( document ).ready(function() {
      $('.btn').click(function(){
        $textboxval = $('#my_input').val();
         $.ajax({
            url: 'page.php', // page name where you want to get value of that textbox
            type: 'POST',
            data : {'my_input':$textboxval},
            success: function(res) {
               // if you want that php send some return output here
                }
          });
    });
});
</script>

注意： - 如果你想返回ajax，那么你需要编写return而不是echo，然后你就可以获得成功响应中的值。