如何使用 $(document).ready() 在 asp.net 中通过 ajax 显示文本答案

【问题标题】：How to display text through ajax in asp.net by using $(document).ready()如何使用 $(document).ready() 在 asp.net 中通过 ajax 显示文本
【发布时间】：2022-10-16 22:54:34
【问题描述】：

我只是创建了一个容器来测试如何在 asp.net 中通过 AJAX 放置文本。这就是我编码的方式：

<%@ Page Language="C#" AutoEventWireup="true" MasterPageFile="~/Site.Master" CodeFile="Test.aspx.cs" Inherits="WeeklySchedule.WebForm1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">

    <div class="container" style="background-color: lightblue">
        <p id="Text"></p>
    </div>

    <script type="text/javascript">
        $(document).ready(function () {
            $("#Text").text("Hello World");
        });
    </script>
</asp:Content>

有什么我做错了吗？

【问题讨论】：

请编辑问题以将其限制为具有足够详细信息的特定问题，以确定适当的答案。

标签： c# asp.net-ajax

【解决方案1】：

你已经使用了 jQuery $.你在你的页面中包含了 jQuery 吗？

【讨论】：

如果我在脚本标签处添加src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"，那么它应该可以正常工作吗？
对，购买另一个脚本标签。把它放在 <script type="text/javascript"> 行之前
不，还没有解决
如果我把 $("<tag>") 而不是 id 和 class

【解决方案2】：

我已经解决了这个问题。选择器必须非常具体。例如：

    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    </head>

    <div class="container" style="background-color: lightblue">
        <p ID="something">Hi</p>
        <p ID="Text"></p>
    </div>

    <script scr="https://code.jquery.com/jquery-3.4.1.js" type="text/javascript">
        $(document).ready(function () {
            $(".container #Text").text(function () {

            });
        });
    </script>

从外部标签 .container 到您想要的特定标签 (#Text)

【讨论】：