Jquery滑塊。在滑塊停止提高服務器端事件

Question

我想在jQuery滑塊的mouseup事件引發一個服務器端事件。 我該如何做到這一點？你能指點我一個好地方開始嗎？

服務器端代碼我想調用是

Private Sub LoadBlock(ByVal AA As Integer) 
'A lot of stuff here 
End Sub 

從jQuery滑塊事件收集的值應如上

我當前的JQuery在過程參數傳遞是

<script type="text/javascript"> 
    $(document).ready(function() { 

     var Country = ['<% =String.Join("', '", arrayString)%>']; 

     $('#slider-range-max').slider({ 
      max: '<%= arrayLength%>', 
      min: 0, 
      value: '<%= iValue%>', 
      slide: function (event, ui) { 
       var splitValues = Country[ui.value].split("~"); 
       $('#lblGame').html(splitValues[0]); 
       $('#hpHome').html(splitValues[1]); 
      }, 
      stop: function (event, ui) { } 
     }); 
    }); 

</script> 

最後，這不是一個家庭作業！

Answer 1

我沒有測試此代碼，但肯定這將幫助你

採取一個按鈕

<asp:Button ID="img_update" runat="server" Text="Submit" style='display:none' OnClick="img_update_Click" /> 

你的方法非靜電法

protected void img_update_Click(object sender, EventArgs e) 
    { 
//your code -behind 
    } 

現在你的jQuery將看起來像

<script type="text/javascript"> 
    $(document).ready(function() { 

     var Country = ['<% =String.Join("', '", arrayString)%>']; 

     $('#slider-range-max').slider({ 
      max: '<%= arrayLength%>', 
      min: 0, 
      value: '<%= iValue%>', 
      slide: function (event, ui) { 
       var splitValues = Country[ui.value].split("~"); 
       $('#lblGame').html(splitValues[0]); 
       $('#hpHome').html(splitValues[1]); 
      }, 
      stop: function (event, ui) { 
       document.getElementById('client id of button').click(); 
       } 
     }); 
    }); 

</script> 

我希望這會給你更好的主意如何實現非靜態方法的問候...... :)

Answer 2

<script type="text/javascript"> 
    $(document).ready(function() { 

     var Country = ['<% =String.Join("', '", arrayString)%>']; 

     $('#slider-range-max').slider({ 
      max: '<%= arrayLength%>', 
      min: 0, 
      value: '<%= iValue%>', 
      slide: function (event, ui) { 
       var splitValues = Country[ui.value].split("~"); 
       $('#lblGame').html(splitValues[0]); 
       $('#hpHome').html(splitValues[1]); 
      }, 
      stop: function (event, ui) { 
      //bof:AJAX hit 
      var path="YourPageName.aspx/NewMethod"; 
      $.ajax({ 
       url:path,type:"POST",cache:"false", 
       dataType:"json",contentType:"application/json; charset=utf-8", 
       data:"{'str1':'Some Temp String'}", 
       success:function(response){alert("response is "+response.d); 
       },error:function(){ 
       } 
      }); 
      //eof:AJAX hit 
      } 
     }); 
    }); 

</script> 

並在後面的代碼：

<System.Web.Services.WebMethod> _ 
Public Shared Function NewMethod(str1 As String) As String 
'make same name of variable as in json data 
    'do your server side stuff 
    Return "Success" 
End Function