Post
Ask Question

Get Data Using Web Services and JavaScript


  1. using System.Data;  
  2. using System.Data.SqlClient;  
  3. using System.Configuration;  
  4. using System.Web.Script.Serialization;  
  5.   
  6.   
  7. [WebMethod(EnableSession = true)]  
  8. public List<string> GetData(string VALUE1, string VALUE2)  
  9. {  
  10.     SQLHelper objHelper = new SQLHelper();  
  11.     IDataReader reader = null;  
  12.     List<string> result = new List<string>();  
  13.   
  14.     try  
  15.     {  
  16.         string strQuery = "Select * from TABLE where VALUE='"  
  17.             + VALUE1 + "' and VALUE='" + VALUE2 + "' ";  
  18.   
  19.         reader = objHelper.getReaderFromQuery(strQuery);  
  20.   
  21.         while (reader.Read())  
  22.         {  
  23.             for (int i = 0; i < reader.FieldCount; i++)  
  24.                 result.Add(Convert.ToString(reader[i]));  
  25.         }  
  26.     }  
  27.     catch (Exception ex)  
  28.     {  
  29.     }  
  30.     finally  
  31.     {  
  32.         if (reader != null)  
  33.             reader.Close();  
  34.     }  
  35.   
  36.     return result;  
  37. } 
  1. <script type="text/javascript" language="javascript">  
  2.   
  3.     function getWebData(value1, value2)  
  4.     {    
  5.   
  6.         myService.GetData(value1, value2, bindData, null, null);  
  7.     }  
  8.   
  9.     function bindData(result)  
  10.     {  
  11.         var Data="";  
  12.           
  13.     if(result=='')  
  14.     {      
  15.         document.getElementById('divDetails').innerHTML='No Record Found!';  
  16.     }  
  17.     else  
  18.     {  
  19.                 for(var i=0;i<result.length;i=i+4)  
  20.                 {        
  21.                         if((i/3)%3==0)  
  22.                             Data=Data+'<tr class="Purple"><td align="center">'+result[i]+'</td><td>'  
  23.                 +result[i+1]+'</td><td align="right">'+result[i+2]+'</td><td align="Center">'  
  24.                 +result[i+3]+'</td></tr>';  
  25.                         else if((i/3)%3==1)  
  26.                             Data=Data+'<tr class="Blue"><td align="center">'+result[i]+'</td><td>'  
  27.                 +result[i+1]+'</td><td align="right">'+result[i+2]+'</td><td align="Center">'  
  28.                 +result[i+3]+'</td></tr>';  
  29.                         else if((i/3)%3==2)  
  30.                             Data=Data+'<tr class="Green"><td align="center">'+result[i]+'</td><td>'  
  31.                 +result[i+1]+'</td><td align="right">'+result[i+2]+'</td><td align="Center">'  
  32.                 +result[i+3]+'</td></tr>';  
  33.                         else  
  34.                             Data=Data+'<tr class="Gray"><td align="center">'+result[i]+'</td><td>'  
  35.                 +result[i+1]+'</td><td align="right">'+result[i+2]+'</td><td align="Center">'  
  36.                 +result[i+3]+'</td></tr>';  
  37.                 }  
  38.                 document.getElementById('divDetails').innerHTML = Data;  
  39.     }  
  40.      }  
  41.   
  42. </script>