javascript - 如何触发一个函数 onchange 一个 div？

Question

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

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

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

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

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

那么如何触发 ajax 调用 onchange 的内容？

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
                }
            });