ホームページ  >  記事  >  ウェブフロントエンド  >  aspx 応答から JavaScript データを取得する方法

aspx 応答から JavaScript データを取得する方法

WBOY
WBOYオリジナル
2023-05-17 14:06:37687ブラウズ

ASP.NET 開発では、通常、サーバーから返されたデータを JavaScript で取得する必要がある状況に遭遇します。多くの場合、これらのデータは生成され、ASPX 応答で返されます。この記事では、ASPX Response から JavaScript データを取得する方法を紹介します。

1. ASPX ページでの JavaScript データの生成

ASPX ページで JavaScript データを生成するにはさまざまな方法がありますが、この記事では、HiddenField コントロールを介してデータを保存する一般的な方法を簡単に紹介します。ページ内で取得され、JavaScript で処理されます。

  1. まず、ASPX ファイルに HiddenField コントロールを追加します。
<asp:HiddenField ID="hdnData" runat="server" />
  1. ASPX.cs ファイルに渡す必要がある JavaScript データを生成し、 data in In HiddenField:
protected void Page_Load(object sender, EventArgs e)
{
    // 生成需要传递的数据
    string data = "hello world";
    // 将数据存储在HiddenField中
    hdnData.Value = data;
}

2. JavaScript で ASPX 応答データを取得する

ASPX から返される応答には多くの情報が含まれています。JavaScript データを取得する必要がある場合は、次の方法で実行できます。

  1. Document オブジェクトの write メソッドを使用してページに JavaScript コードを書き込み、コード内の ASPX.cs ファイルによって返されたデータにアクセスします。例:
<script type="text/javascript">
    document.write('<script type="text/javascript" src="js/myjs.js"><'+'/script>');
    var data = '<%= hdnData.Value %>';
    // 在这里对数据进行处理
</script>
  1. JavaScript で XMLHttpRequest オブジェクトを使用して ASPX ページにリクエストを送信し、コールバック関数で返されたデータを取得します。例:
function loadData() {
    var xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            var data = xmlhttp.responseText;
            // 在这里对数据进行处理
        }
    };
    xmlhttp.open("GET", "myPage.aspx", true);
    xmlhttp.send();
}

上記の 2 つのメソッドは両方とも、ASPX ページによって返される JavaScript データを取得できます。違いは、最初のメソッドはページのロード時にデータを直接取得すること、そして2 番目の方法は、JavaScript でデータを取得する方法です。非同期リクエストを通じてデータを取得します。

3. 注意事項

  1. ASPX ページで返されるデータは JavaScript 構文ルールを満たす必要があり、そうでない場合は JavaScript コードの実行が失敗し、最終的に全体の通常の動作に影響します。応用。
  2. ASPX から返された応答データを取得する場合、応答データは必ずしも純粋な JavaScript コードである必要はなく、HTML、CSS、XML などの他のタイプのデータが含まれる場合があることに注意してください。 JavaScript で解析され、処理されます。
  3. クロスドメインの問題を回避するには、通常、JavaScript で ASPX ページからデータをリクエストするときに、リクエストを同じドメイン名で ASPX ページに送信する必要があります。ブラウザの制限によりデータが取得できない場合があります。

つまり、ASPX Response から JavaScript データを取得するには、ASPX ページで元のデータを生成して返し、それを JavaScript で解析して処理する必要があります。上記の形式により、ASP.NET アプリケーションでのフロントエンドとバックエンドのデータ転送を簡単に実現できます。

以上がaspx 応答から JavaScript データを取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。