Home/ Questions/Q 8809723
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-14T02:56:51+00:00

I am wondering why this hander fires on both button clicks? <script type=text/javascript> $(document).ready(#testbutton).click(function

  • 0

I am wondering why this hander fires on both button clicks?

<script type="text/javascript">
   $(document).ready("#testbutton").click(function () {
        $.ajax({
            url: '@Url.Action("RenderBlogComments","Home")',

            success: function (data) {
                // your data could be a View or Json or what ever you returned in your action method 
                // parse your data here
                alert(data);
            }
        });
    });
</script>

<input type="submit" name="testbutton" value="submit" id="testbutton" />

<input type="submit" name="testbutton" value="submit" id="testbutton2" />
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    With this solution, only the first button triggers the ajax call.

    <!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf8" />
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $("#testbutton").click(function() {
                    $.ajax({
                        url: 'http://www.google.de',
                        success: function (data) {
                            // your data could be a View or Json or what ever you returned in your action method 
                            // parse your data here
                            alert(data);
                        }
                    });
                });
            });
        </script>
    </head>
    <body>
        <input type="submit" name="testbutton" value="submit" id="testbutton" />
        <input type="submit" name="testbutton" value="submit" id="testbutton2" />
    </body>
</html>
    • 0