Question

i am trying to alert the return value captured by the ajax request. The web method it is refering is returning a boolean value of true or false, and when i am trying to access it outside the ajax method it gives a message “undefined” 😕

       <script type="text/javascript" language="javascript">

       $(document).ready(function () {
           var authInfo;

           $.ajax({
               type: "POST",
               url: "service.asmx/getAuthInfo",
               data: "{}",
               contentType: "application/json; charset=utf-8",
               dataType: "json",
               success: function (msg) {
                   authInfo = msg.d;

               },


           });

           alert(authInfo);          

       });

    </script>

why is the alert(authInfo) giving me as “undefined” ?? Please help !

where does this piece of code fit on the above context ?

if(auhthInfo){

                        $(".ansitem").editable('FetchUpdate.aspx', {

                    style: 'background-color:inherit;',
                    type: 'textarea', 
                    indicator: '<img src="spinner.gif">',
                    event: 'dblclick',
                    onblur: 'submit', 
                    submitdata: function (value, settings) { 
                        return { orgval: value};
                        },

                   });


                   };

Answer 1

EDITED TO HANDLE YOUR NEW CODE:

<script type="text/javascript" language="javascript">
   $(document).ready(function () {
       var authInfo;
       $.ajax({
           type: "POST",
           url: "service.asmx/getAuthInfo",
           data: "{}",
           contentType: "application/json; charset=utf-8",
           dataType: "json",
           success: function (msg) {
               // alert(msg.d); // here it will work as it is only called when it succeeds.
               MyHanlder(msg);
           },
       });
       // alert(authInfo); // here authinfo has no value as the AJAX call may not have returned.
   });

   function MyHandler(msg) {
      if(msg.d){
           $(".ansitem").editable('FetchUpdate.aspx', {
               style: 'background-color:inherit;',
               type: 'textarea', 
               indicator: '<img src="spinner.gif">',
               event: 'dblclick',
               onblur: 'submit', 
               submitdata: function (value, settings) { return { orgval: value}; },
            });
       };
    }
</script>