如何在div更改时触发功能？

Question

这是一个很难在网上找到答案的问题。

假设用户运行ajax函数onclick来填充div的内容。

但是，如果ajax输出是php，并且对于该onclick，我希望页面上的其他div以依赖于div1内容的方式进行更改？

这意味着我需要等待div1实际更改，以便我可以使用php计算的ajax输出来相应地调整div2。

经过一些测试，我发现我无法在第一个ajax函数的末尾添加对第二个ajax函数的调用，因为它似乎在第一个ajax调用的div内容实际更改之前运行。

那么如何在div的内容更改时触发ajax调用呢？

Answer 1

所有ajax调用都会在调用完成后执行一个回调以运行，并将您的逻辑放在那里。

Answer 2

您可以使用Jquery

$('#div1').change(function(){
    doAjax( $(this).html() );
});

还是在ajax的回调中

$.ajax({
    url: 'http://yoururl.com',
    type: 'post',
    data: { key: value },
    success: function( data ){
        doAjax( data );
    }
});

Answer 3

如果您知道jquery，请尝试以下方法：

        $.ajax({
                traditional: true,
                type: "post",
                url: '<your_url>',
                beforeSend: function () {
                      //your logic to perform operation before ajax request
                },
                data: {
                    //data to send
                },
                success: function(response) {
                   //your logic to perform operation after ajax request
                   //here make another ajax request
                }
            });