無法通過從html頁面asp.net調用來加載Javascript Ajax函數

Question

我嘗試從我的ASP頁面調用javascript函數，但是該調用沒有任何作用。 這是我的代碼：

   <%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master"  
   AutoEventWireup="true" CodeFile="addAdmin.aspx.cs" Inherits="addAdmin" %>

    <asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
    <script type="text/javascript">
    function addAdmin() {
        var auname = document.getElementById("uname")[0].value;
        var apass = document.getElementById("pass")[0].value;
        $.ajax({
            url: "http://localhost:53236/Handler.ashx?cmd=addAdmin&auname="+ auname + "&apass=" + apass,
            async: true,
            dataType: "html",
            success: function (response) {
                $("#status").html(" <strong>One of the fields are empty..</strong> Please fill it and try again later.");

            }
        } );
    }
</script>
 </asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<h1>In order to add an admin for the site, fill out the form below</h1>
<br />    <section  class="status"><div id="status" ></div></section><br />
<br />
Admin Username:<input type="text" id="uname" /><br />
Admin Password:<input type="text" id="pass" /><br />
<button type="submit" onclick="javascript:addAdmin();">Submit</button><br />
</asp:Content>

處理程序中的函數運行良好（我嘗試手動發送參數，並且工作正常），但是我無法調用函數。

我嘗試了多種不同的方法來調用我的函數，例如： <a href="javascript:addAdmin" >click her </a>並從更新面板中調用，該過程使用服務器中的以下代碼，同時單擊asp按鈕Page.ClientScript.RegisterStartupScript(this.GetType(), "CallMyFunction", "addShoe()", true);

主頁中的Content1只是在head標簽中。 所以我不知道問題出在哪里，為什么我不能調用我的函數

Answer 1

首先，不要使用button[type="submit"]發出AJAX請求。 使用Submit按鈕，您還需要偵聽form submit事件並防止其為默認行為。 有時候有點令人困惑

嘗試使用<a>標記並防止其成為默認行為，例如

<script type="text/javascript">
    function addAdmin(event) {

        event.preventDefault();

        var auname = document.getElementById("uname")[0].value;
        var apass = document.getElementById("pass")[0].value;
        $.ajax({
            url: "http://localhost:53236/Handler.ashx?cmd=addAdmin&auname="+ auname + "&apass=" + apass,
            async: true,
            dataType: "html",
            success: function (response) {
                $("#status").html(" <strong>One of the fields are empty..</strong> Please fill it and try again later.");

            }
        } );
    }
</script>

並在HTML中而不是<button> ：

<a href="#" onclick="addAdmin(event);">Submit</a>