Ajax 将JSON数据输入jquery mobile并处理

我想把json数据数组放到JQM应用程序中，并根据它显示颜色。这里是我的json数组链接； 我的应用程序包含一个列表视图

    <div>
      <ul data-role="listview">
            <li> 
            <a href="#pageone" data-transition="slideup">
                <img src="img/green.png"/>
            Outstanding Debits 
            <span class="ui-li-count">5</span>
            </a>
            </li>
             <li>
            <a href="#pagethree" data-transition="slideup">
                 <img src="img/red.png"/>
            Claim Provisions
            <span class="ui-li-count">1</span>
            </a>
            </li>
            <li> 
            <a  href="#pagefour"  data-transition="slideup">
                <img src="img/dark_yellow.png"/>
            Premium Income
            <span class="ui-li-count">2</span>
            </a>
            </li>
           <li> 
            <a href="#pagetwo" data-transition="slideup">
                <img src="img/green.png"/>
            Sales Target Achievement- Month
            <span class="ui-li-count">4</span>
            </a>
            </li>
           <li> 
            <a href="#pagefive" data-transition="slideup">
                <img src="img/yellow.png"/>
            Sales Target Achievement- Year
            <span class="ui-li-count">3</span>
            </a>
            </li>

            </ul>
  </div>

---

这个列表有一个图像（img src=…），我想根据JSON数据在上面显示健康状态图像（这些图像包含红色、深黄色、黄色、浅绿色、绿色）。（如果5然后是绿色，4浅绿色，3黄色，2深黄色，1红色）我是JQM和Phonegap的新手。请帮助

在Json成功中，在启动JQM页面之前调用JavaScript函数。在该函数中，根据Json数组，使用if条件将路径添加到图像URL。在JQM中，在页面创建、初始化..之前有一些事件。因此，在这些函数中，您可以操纵DOM并更改图像路径