Javascript ajax 函数无法通过从 html 页面 asp.net 调用来加载

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请求。使用提交按钮，您还需要监听 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>

Javascript ajax 函数无法通过从 html 页面 asp.net 调用来加载

Javascript ajax function does'nt load by calling from html page asp.net

javascript

asp.net

asp.net-ajax