Francky Frined

Francky Frined

  • NA
  • 50
  • 1.5k

No response BIND Data to gridview using jquery

Sep 28 2018 3:20 AM
Pls help why no response BIND Data to gridview using jquery as below:-
 
1) WebForm6.aspx
  1. <script type="text/javascript"> src="http://code.jquery.com/jquery-1.11.1.min.js" </script>  
  2. <script type="text/javascript">  
  3. $(document).ready(function () {  
  4. BindGridView();  
  5. });  
  6. function BindGridView() {  
  7. $.ajax({  
  8. type: "POST",  
  9. url: "WebForm6.aspx/GetData",  
  10. contentType: "application/json;charset=utf-8",  
  11. data: {},  
  12. dataType: "json",  
  13. success: function (data) {  
  14. $("#grdDemo").empty();  
  15. if (data.d.length > 0) {  
  16. $("#grdDemo").append("<tr><th>Username</th><th>Firstname</th></tr>"); //<th>Lastname</th><th>EmailID</th>  
  17. for (var i = 0; i < data.d.length; i++) {  
  18. $("#grdDemo").append("<tr><td>" +  
  19. data.d[i].Firstname + "</td> <td>" +  
  20. data.d[i].Lastname + "</td></tr>");  
  21. }  
  22. }  
  23. },  
  24. error: function (result) {  
  25. alert("Error login");  
  26. }  
  27. });  
  28. }  
  29. </script>  
2) WebForm6.aspx.cs
  1. protected void Page_Load(object sender, EventArgs e)  
  2. {  
  3. BindDummyItem();  
  4. }  
  5. public void BindDummyItem()  
  6. {  
  7. DataTable dtGetData = new DataTable();  
  8. dtGetData.Columns.Add("Username");  
  9. dtGetData.Columns.Add("Firstname");  
  10. //dtGetData.Columns.Add("Lastname");  
  11. //dtGetData.Columns.Add("EmailID");  
  12. dtGetData.Rows.Add();  
  13. grdDemo.DataSource = dtGetData;  
  14. grdDemo.DataBind();  
  15. }  
  16. [WebMethod]  
  17. public static DetailsClass[] GetData() //GetData function  
  18. {  
  19. List<DetailsClass> Detail = new List<DetailsClass>();  
  20. string SelectString = "SELECT Username,Firstname FROM TABLE";  
  21. OracleConnection cn = new OracleConnection();  
  22. cn.ConnectionString = "Data Source=(DESCRIPTION ="  
  23. "(ADDRESS_LIST=(ADDRESS=(PROTOCOL=TCP)(HOST=xxx.xxx.xxx.xxx)(PORT=xxx)))"  
  24. "(CONNECT_DATA=(SERVER=DEDICATED)(SERVICE_NAME=xxxxxx)));"  
  25. "User Id=xxx;Password=xxxxxx;";  
  26. OracleCommand cmd = new OracleCommand(SelectString, cn);  
  27. cn.Open();  
  28. OracleDataAdapter da = new OracleDataAdapter(cmd);  
  29. DataTable dtGetData = new DataTable();  
  30. da.Fill(dtGetData);  
  31. foreach(DataRow dtRow in dtGetData.Rows)  
  32. {  
  33. DetailsClass DataObj = new DetailsClass();  
  34. DataObj.Username = dtRow["Username"].ToString();  
  35. DataObj.Firstname = dtRow["Firstname"].ToString();  
  36. Detail.Add(DataObj);  
  37. }  
  38. return Detail.ToArray();  
  39. }  
  40. public class DetailsClass //Class for binding data  
  41. {  
  42. public string Username { getset; }  
  43. public string Firstname { getset; }  
  44. }  

Attachment: SOURCECODE.zip

Answers (7)