Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用使用php和jquery生成的按钮_Php_Jquery - Fatal编程技术网

如何使用使用php和jquery生成的按钮

如何使用使用php和jquery生成的按钮,php,jquery,Php,Jquery,我有一个页面将ajax请求发送到另一个php页面 var link="http://..."; $(document).ready(function(){ $("input").click(function() { dati = $("form").serialize(); $.ajax({ type: "POST",

我有一个页面将ajax请求发送到另一个php页面

var link="http://...";
        $(document).ready(function(){
            $("input").click(function() {
                    dati = $("form").serialize();
                    $.ajax({
                      type: "POST",
                      url: link,
                      timeout:5000,
                      data: dati,
                      success: function(response)
                      {
                            console.log(dati);
                            $("#forms").append(response);
                    },
                    error: function(){
                        alert("Si e' verificato un errore con la chiamata Ajax, impossibile generare il grafico!");
                    },
                });
            });
        });
名为“Server.php”的php页面生成一些内容和一个按钮,如下所示:

echo("<input type=\"button\" value=\"Invia\"/>");
var link = "http://...";
$(document).ready(function () {
    $("input").click(function () {
        iclick();
    });

    function iclick() {
        dati = $("form").serialize();
        $.ajax({
            type: "POST",
            url: link,
            timeout: 5000,
            data: dati,
            success: function (response) {
                console.log(dati);
                $("#forms").append(response);
            },
            error: function () {
                alert("Si e' verificato un errore con la chiamata Ajax, impossibile generare il grafico!");
            },
        });
    };
})
echo(“”);
此内容被追加到主页(ajax请求页面)的div中


我必须使此按钮可用于执行另一个ajax调用,但是当我单击生成的按钮时,ajax调用没有启动,为什么?

您的代码检测到已经存在的输入。像这样绑定处理程序,以检测新的输入

$("body").on("click","input",function() {...

另一种方法是在创建按钮后绑定函数(另外,还有另一种类型的引号,请不要忘记:),即:

var link = "http://...";
$(document).ready(function () {
    $("input").click(function () {
        iclick();
    });

    function iclick() {
        dati = $("form").serialize();
        $.ajax({
            type: "POST",
            url: link,
            timeout: 5000,
            data: dati,
            success: function (response) {
                console.log(dati);
                $("#forms").append(response);
            },
            error: function () {
                alert("Si e' verificato un errore con la chiamata Ajax, impossibile generare il grafico!");
            },
        });
    };
})