Ajax テクノロジーを使用してページ上に txt ポップアップを実現する方法

韦小宝
リリース: 2018-01-15 11:39:13
オリジナル
1288 人が閲覧しました

以下のエディターは、Ajax テクノロジーを使用してページ上にテキストをポップアップ表示する方法に関する記事を提供します。編集者はこれが非常に優れていると考えているので、ここで ajax ソース コードを共有し、参考として提供します。 ajax に興味がある場合は、エディターをフォローしてご覧ください

ajax テクノロジーを使用して、ボタンをクリックし、ポップアップ ボックスを通じてページ上の TXT テキストのコンテンツを表示します

/*事件会在页面加载完成后触发。*/

<script>

window.onload = function(){

/*获取按钮的id*/

  var oBth=document.getElementById(‘btn&#39;);

/*点击按钮触发的函数*//

  oBth.onclick = function(){

/*打开浏览器*/

    var xhr = new XMLHttpRequest();

/*在地址栏输入地址,这里的1txt代表需要打开的内个txt文件*/

    xhr.open(‘get&#39;,‘1.txt&#39;,true)

/*提交*/

    xhr.send();

/*等服务器返回内容*/

    xhr.onreadystatechange = function(){

      if(xhr.readystate==4){

      alert(xhr.responseText);

}

}

}

}

</script>

<body>
<input type="button" value="按钮" id="btn">
</body>
ログイン後にコピー

上記は、 ajax を使用してポップアップ ウィンドウから開く テキスト ファイルの内容はすべて、皆さんの学習に役立つことを願っています。 !

関連する推奨事項:

ユーザー名が存在するかどうかを確認するためのajax設定を非同期にする

IEでAjax送信の文字化けコードを解決する方法

Ajaxフォームの非同期アップロードファイルのサンプルコードの詳細な説明

以上がAjax テクノロジーを使用してページ上に txt ポップアップを実現する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート