Question

I bounded data to dropdownlist but when i
click on button i want value of selected item but i cant get.and also its going refresh.

<script type="text/javascript">
    $(document).ready(function () {
     $.ajax({
      type: "POST",
      async: false,
      contentType: "application/json; charset=utf-8",
      data: "{}",
      url: "Drpodownlistbindingjquery.aspx/getdata",
      dataType: "json",
      success: ajaxSucceess,
      error: ajaxError
     });
     function ajaxSucceess(response){

      $.each(response.d, function (key, value) {
       $("#ddlCategory").append($("<option></option>").val(value.Sname).html(value.Sno));
      });

     }
     function ajaxError(response){
      alert(response.status + ' ' + response.statusText);

     }       

    });
    </script>

And ,my second problem is

<script type="text/javascript">

$(document).ready(function() {
   $("#btnsubmit").click(function(){     

       $.ajax({  

           type: "get",

           url: "loginform.aspx/getdataval",
           data:'{"uname":"'+$("#TextBox1").val()+'","passwod":"'+$("#TextBox2").val()+'"}',
           contentType: "application/json;charset=utf-8",   
           dataType: "json",         
           sucess:function(data){
           var Emp=data.d;
           alert('welcome');
           $("#output").append('<p>'+Emp.Sname+ ' ' + Emp.Sno+'</p>');
            //here i want to give redirect link
            },
            error: function(e) {
                 alert(e);
             }

   });
   });
   });
   </script>

i m comparing username and password but its giving error. anything is wrong here?
Drpodownlistbindingjquery.aspx is not a typo mistake am sure.
Thanks in advance.

Answer 1

Second problem is easy:

sucess:function(data){
    var Emp=data.d;

sucess should be success.

And as @nbrooks pointed out:

url: "Drpodownlistbindingjquery.aspx/getdata"

Drpodown should be Dropdown.