cara menghentikan postback pada klik tombol di javascript

[ad_1]

Saya memiliki papan angka, setiap kali saya menekan tombol apa pun, ia akan memposting kembali halaman tersebut jadi bagaimana saya bisa menghentikannya ?? adakah yang bisa membantu saya …. kirimkan saya kode jika Anda bisa.

Solusi 1
Solusi 2
Solusi 3
Solusi 4

Solusi 1

Pada kode aspx, untuk tombol yang bersangkutan tulis

JavaScript

OnClientClick="return false;"

Ini akan menghentikan pengeposan kembali halaman tersebut. Jika Anda perlu melakukan beberapa pemanggilan fungsi, seperti validasi dll, Anda juga dapat melakukannya.

JavaScript

OnClientClick="MyFunction(); return false;"

Tentukan fungsi yang menyimpan nilai dalam beberapa variabel

JavaScript

MyFunction()
{
myVariable = myVariable + "number you got from button";
return false;
}

Jika Anda perlu melakukan penghentian postback bersyarat, Anda dapat menulis seperti

JavaScript

OnClientClick="MyFunction();"

Dan tentukan fungsi seperti

JavaScript

function MyFunction() 
{
if (condition == true)
return false;
else
return true;
}

Dalam hal ini, jika kondisinya benar, maka TIDAK akan diposkan kembali, jika tidak maka akan diposkan kembali.

Semoga itu bisa membantu. Jika ya, tandai sebagai solusi/suara positif.

Terima kasih
Milind

Solusi 2

Semoga ini bisa membantu Anda

<asp:button id="btnID" runat="server" text="Click Me" onclientclick="return false;"  />

Solusi 3

Hai,

Sesuai pemahaman saya, jika kebutuhan Anda adalah menghentikan acara klik tombol asp agar tidak dipanggil, maka Anda dapat menggunakan return false pada tombol Onclientclick Anda.

<asp:button runat="server" ...="" onclientclick="return false"  />

Beri tahu saya jika pemahaman saya salah.

Solusi 4

Langkah 1: di halaman aspx

a) di tag Kepala
————————————————— ——————————–

XML

<script src="Other/JScript.js" type="text/javascript"></script>

    <script src="JSTemplate/jquery-latest.min.js" type="text/javascript"></script>

    <style>
        .btn
        {
            border: solid 1px gray;
            border-radius: 3px;
            padding: 5px;
            vertical-align: middle;
            text-align: center;
            text-decoration: none;
            color: #000;
        }
    </style>




----------------------------------------------------------------------------------

b) in body tag
---------------------------------------------------------------------------------

 <div>
        <br />
        Operation to be performed:  <asp:textbox id="txtOperation" runat="server" class="btn" xmlns:asp="#unknown">
            Width="20" ReadOnly="true"></asp:textbox>
        <br />
        <asp:textbox id="txtBoxInput" runat="server" width="200" height="25" xmlns:asp="#unknown"></asp:textbox>
        <br />
        <br />
        <a href="javascript:TraceClick('1', 'idA1');" id="idA1" class="btn">1</a> <a href="javascript:TraceClick('2', 'idA2');">
            id="idA2" class="btn">2</a> <a href="javascript:TraceClick('3', 'idA3');" id="idA3">
                class="btn">3</a> <a href="javascript:TraceClick('4', 'idA4');" id="idA4" class="btn">
                    4</a> <a href="javascript:TraceOperator('+', 'idAPlus');" id="idAPlus" class="btn">+</a>
        <a href="javascript:TraceOperator('-', 'idA4Minus');" id="idA4Minus" class="btn">-</a>
        <br />
        <br />
        <br />
        <asp:button runat="server" id="btnFetchValueinCodebehind" text="Get Value In code behind" xmlns:asp="#unknown">
            OnClick="btnFetchValueinCodebehind_Click" />
        <br />
    </asp:button></div>

---------------------------------------------------------------------------------

Step 2: in JScript file
-----------------------------------------------------------------------------

<pre lang="cs">function TraceClick(new_Value, objID) {

      document.getElementById(objID).style.color = 'red';
      var finalVal='';

      if($("#txtBoxInput").val().length>0)
      {
         var newVal=parseInt(new_Value);
         var  vInput=parseInt($("#txtBoxInput").val());

         if($("#txtOperation").val()=="+")
         {

             finalVal = vInput + newVal;
             $("#txtBoxInput").val(finalVal);

         }
         else if($("#txtOperation").val()=="-")
         {

             finalVal = vInput - newVal;
             $("#txtBoxInput").val(finalVal);

         }
        else
        {

        $("#txtBoxInput").val($("#txtBoxInput").val().concat(new_Value));

        }


      }
      else
      {
         $("#txtBoxInput").val(new_Value);
      }

}
function TraceOperator(new_Value, objID) {
   document.getElementById(objID).style.color = 'red';
     $("#txtOperation").val(new_Value);

}

————————————————— ———————-
langkah 3: dalam kode di belakang halaman
————————————————— ———————-

protected void btnFetchValueinCodebehind_Click(object sender, EventArgs e)
  {
      string strval = txtBoxInput.Text.ToString();
      Response.Write("here u get value in code behind page: "+strval);
  }

Beri tahu saya jika konsep ini dapat membantu Anda..
semoga sukses

[ad_2]