Yuriyant

Yuriyant does not currently provide support for this item.

8 comments found.

Loks pretty neat :D

Thanks!

When I integrated this and run an $.ajax test I get this error on jQuery 10.1

ajaxSettings.data.match is not a function line 177

Fixed. As soon as the moderator approves the files you’ll be notified.

Hi,

I have the error message: i.aiParams is undefined

An idea?

Thanks, Mick

Envoy by codecanyon.

Thanks!

Hi,

I always obtain the error message (i.aiParams is undefined) with by default use. :(

Thanks!

Mick

I spent a lot of tests but I can not understand how to repeat that mistake. Please send me to email sample code that causes the error.

and error : $ is not defined

Thanks again!

Mick

Include plugin after jQuery

Thanks again!

Great product ! 5/5

Thank you very much!

@Mick_

That error just means that your are not including jQuery before the “ajax indicator” plugin.

Hi,

I would like to know if possible show ajax loader ONLY when new pages change using ajaxify: https://github.com/browserstate/ajaxify

THanks!

$(function(){ $.ai.off(); $('a').ai(); })

Thanks. I understand this… but seem not work…

I add this:

$(function(){ $.ai.off(); $(‘a:internal:not(.no-ajaxy)’).ai(); })

This selector “a:internal:not(.no-ajaxy)” it’s the same used by ajaxify.

demo: http://goo.gl/T8Rdk5

I think that ajaxify-html5.js not working correctly. It suppresses the call of all the functions who are listening the click event. If you need to use this library, send a request to me and I’ll quickly and free will modify it for you, after that your will have a pretty display of queries.

I found tow issues with my following code: 1.Why the loader indicator will be visible while I click ‘Test2’ link. 2.Why the error indicator will be visible while I click ‘Test1’ with server error.

<!DOCTYPE html> <html xmlns=”http://www.w3.org/1999/xhtml”> <head> <title></title> <link href=”css/ajax-indicator.css” rel=”stylesheet” /> <script src=”http://code.jquery.com/jquery.js”></script> <script src=”js/ajax-indicator.min.js”></script> </head> <body>

<a href="#" onclick="test();" id="a1">Test1
<a href="#" onclick="test();" id="a2">Test2
<script>
    function test() {
        $.ajax({
            type: "GET",
            dataType: "JSON",
            url: "api/Values" 
        });
    }
</script>
$(function () {
    $('#a1').ai({
        displayError: 0
    })
})
Hi! The problem is solved if you remove the call to the function test (); from the tag ‘a’
<a href="#" id="a1">Test1</a>
<a href="#" id="a2">Test2</a>
<script>
$(function () {
    $('#a1').ai({
         displayError: 0
    })
    $('#a1,#a2').on('click', function() {
       test();
    })
    function test() {
       $.ajax({
           type: "GET",
           dataType: "JSON",
           url: "api/Values" 
        });
     }    
})
</script>

Thanks, it’s good. Another question: how can I disable all ajax request indicator by default and trigger it manually with code such as $(’#a1’).ai()?

<script>
$(function(){
     $.ai.off();
     function test() {
       $.ajax({
           type: "GET",
           dataType: "JSON",
           url: "api/Values",
           beforeSend : function(){
              $.ai.show()
           }
        }).done(function( data ) {
        $.ai.hide()
    }
  });
     }  
})
</script>

good job, i wish you all the best for your sales

by
by
by
by
by
by