在web開發(fā)中,我們有時(shí)需要讀取配置文件來獲取一些常量或者可配置的參數(shù)。如何用jQuery讀取配置文件呢?下面我們來介紹一下。
首先,要使用jQuery的ajax方法來獲取配置文件內(nèi)容。我們可以通過ajax發(fā)送一個(gè)get請(qǐng)求,獲取配置文件的內(nèi)容:
<script> $(document).ready(function(){ $.ajax({ type:"GET", url:"config.json", //配置文件的路徑 dataType:"json", success:function(data){ console.log(data); //輸出配置文件的內(nèi)容 } }) }) </script>
上面的代碼中,我們使用了ajax方法,設(shè)置了請(qǐng)求的類型、配置文件的路徑、數(shù)據(jù)類型以及請(qǐng)求成功后的回調(diào)函數(shù)。在回調(diào)函數(shù)中,我們可以通過console.log打印出配置文件的內(nèi)容。
下面我們?cè)賮砜匆幌氯绾螐呐渲梦募蝎@取某個(gè)配置項(xiàng)的值。假設(shè)我們的配置文件config.json內(nèi)容如下:
{ "name":"jQuery讀取配置文件", "version":"1.0.0", "author":"張三", "website":"http://www.example.com" }
我們要獲取網(wǎng)站的地址,可以通過以下代碼:
<script> $(document).ready(function(){ $.ajax({ type:"GET", url:"config.json", dataType:"json", success:function(data){ console.log(data.website); //輸出http://www.example.com } }) }) </script>
上面的代碼中,我們?cè)讷@取到配置文件的內(nèi)容后,可以通過data對(duì)象來訪問各個(gè)配置項(xiàng)的值。這里我們可以通過data.website獲取網(wǎng)站地址。