ホームページ > ウェブフロントエンド > jsチュートリアル > Ajax はページ上に txt テキストがポップアップすることを実現します

Ajax はページ上に txt テキストがポップアップすることを実現します

php中世界最好的语言
リリース: 2018-04-03 17:40:49
オリジナル
1803 人が閲覧しました

今回は、ajax を使用してページ上に txt テキストがポップアップすることを実現する方法について説明します。ajax がページ上に txt テキストをポップアップ表示するときに使用する 注意事項は何ですか。以下は実際的なケースです。一見。

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

/*事件会在页面加载完成后触发。*/
<script>
window.onload = function(){
/*获取按钮的id*/
  var oBth=document.getElementById(‘btn');
/*点击按钮触发的函数*//
  oBth.onclick = function(){
/*打开浏览器*/
    var xhr = new XMLHttpRequest();
/*在地址栏输入地址,这里的1txt代表需要打开的内个txt文件*/
    xhr.open(‘get',‘1.txt',true)
/*提交*/
    xhr.send();
/*等服务器返回内容*/
    xhr.onreadystatechange = function(){
      if(xhr.readystate==4){
      alert(xhr.responseText);
}
}
}
}
</script>
<body>
<input type="button" value="按钮" id="btn">
</body>
ログイン後にコピー
この記事の事例を読んだ後は、この方法を習得したと思います。さらにエキサイティングなコンテンツについては、こちらをご覧ください。 PHP 中国語 Web サイトの他の関連記事にも注目してください。

推奨読書:

Ajax は、ユーザー登録を実装するためにバックエンド データベースにデータを送信します

Ajax と PHP の間の二次連携を実現する方法

Ajax テクノロジーの構成と中心原則の分析必読初心者向け

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

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