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

如何触发div更改功能？

3 个答案: