程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 更多編程語言 >> 更多關於編程 >> 如何逐行讀取txt文本?

如何逐行讀取txt文本?

編輯:更多關於編程

     如何逐行讀取txt文本?Ajax可以實現麼

    想要讀取分行txt文件,並在每行前後添加內容。

    如txt文件內容是這樣的

    http://www.baidu.com/
    
    http://www.google.com.hk/

    我想最終輸出的結果是

    <a href="http://www.baidu.com/"><img src="1.jpg" /></a>
    <a href="http://www.google.com.hk/"><img src="2.jpg" /></a>

    就是這樣遍歷…請問怎樣實現?

    我在W3School找到一段代碼,直接讀取txt文件的,不能添加前後綴。

    <html>
    <head>
    <script type="text/javascript">
    function loadXMLDoc()
    {
    var xmlhttp;
    if (window.XMLHttpRequest)
      {// code for IE7+, Firefox, Chrome, Opera, Safari
      xmlhttp=new XMLHttpRequest();
      }
    else
      {// code for IE6, IE5
      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
    xmlhttp.open("GET","/ajax/test1.txt",false);
    xmlhttp.send();
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
    </script>
    </head>
    <body>
    
    <div id="myDiv"><h2>Let AJAX change this text</h2></div>
    <button type="button" onclick="loadXMLDoc()">通過 AJAX 改變內容</button>
    
    </body>
    </html>

    求大神相助,謝謝。


    解決方案:

     

    <html>
    <head>
    <script type="text/javascript">
    function loadXMLDoc()
    {
    var xmlhttp;
    if (window.XMLHttpRequest)
      {// code for IE7+, Firefox, Chrome, Opera, Safari
      xmlhttp=new XMLHttpRequest();
      }
    else
      {// code for IE6, IE5
      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
    xmlhttp.open("GET","/ajax/test1.txt",false);
    xmlhttp.send();
    var i=1;
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText.replace(/.+/g,function(url){
      return '<a href="'+ url +'"><img src="'+ i++ +'.jpg" /></a>'
    })
    }
    </script>
    </head>
    <body>
    
    <div id="myDiv"><h2>Let AJAX change this text</h2></div>
    <button type="button" onclick="loadXMLDoc()">通過 AJAX 改變內容</button>
    
    </body>
    </html>
    1. 上一頁:
    2. 下一頁:
    Copyright © 程式師世界 All Rights Reserved