[Solved] ajax enabled WCF Service

Solution 2

<span id="ajax_loading_div" style="display: inline-block;<br mode=" hold=" />    width: 150px;"></span>

<script type="text/javascript" language="javascript">
$(document).ready(function () {
                    $("#ajax_loading_div").addClass("loading");
                    $.ajax({
                        cache: false,
                        async: true,
                        type: "GET",
                        dataType: "json",
                        url: "../Services/FinMasterServices.svc/DeleteListCompany",
                        data: { name: vatid },
 
                        contentType: "application/json;charset=utf-8",
                        success: function (r) {
                            $("#ajax_loading_div").removeClass("loading");
                            if (r != null) {
                                alert("Removed Successfully");
                            }
                        },
                        error: function (e) { alert(e.statusText); }
 
                    });
                });
</script>

Permalink

Posted 22-Nov-12 22:19pm

Karthik_J, Coimbatore1.5K

Edited 22-Nov-12 22:20pm

Solution 1

You need to add ajaxStart() method to your code. Within this method, you can have any type of loading indicator, or changing the screens transparency etc...

  $("yourDivOrAnyControl").ajaxStart(function(){
    $(this).html("<img src="loadingImage.gif" />");
  });

So, final code would look something like,

$(document).ready(function () {
       $("yourDivOrAnyControl").ajaxStart(function(){
            $(this).html("<img src="loadingImage.gif" />");
       });
 
       $.ajax({
                cache: false,
                async: true,
                type: "GET",
                dataType: "json",   
                url: "../Services/MasterServices.svc/DeleteList",
                data: { name: vatid },
                contentType: "application/json;charset=utf-8",
                success: function (r) {
                    if (r != null) {
                        alert("Removed Successfully");
                    }
                },
                error: function (e) { alert(e.statusText); }
 
              });
});

For more information please see this link
http://api.jquery.com/ajaxStart/[^]

Permalink

Posted 22-Nov-12 4:43am

pramodhegde887.7K

0	Michael Haephrati	390
1	Prasad_Kulkarni	390
2	OriginalGriff	370
3	Christian Graus	321
4	Sergey Alexandrovich Kryukov	285

0	Sergey Alexandrovich Kryukov	6,959
1	Prasad_Kulkarni	3,671
2	OriginalGriff	3,359
3	_Amy	3,332
4	CPallini	2,925

ajax enabled WCF Service

2 solutions

Solution 2

Solution 1

Add your solution here

Preview 0

		9,930,538 members (43,153 online) Visit CodeProject.TV Discuss CodeProject.TV Sign in Email Password Forgot your password? Sign in using

Interested
Ignored

ajax enabled WCF Service

2 solutions

Solution 2

Solution 1

Add your solution here

Preview 0

Existing Members

...or Join us