2013-10-04 85 views
0

我正在JQuery Mobile的帮助下制作一个android应用程序。在这些应用程序我想转换一下用户想它应该看看全球西隧是当时的汇率的货币和天jQuery Mobile中的货币转换器

在HTML5: -

<label for="amount">Convert this amount:</label> 
    <input type="text" name="amount" id="amount" value="" /> 
<div class="data"> 
    <label for="fromCurrency">From this currency:</label> 
    <select name="fromCurrency" id="fromCurrency"> 
     <option selected="" value="EUR">Euro - EUR</option> 
     <option value="USD">United States Dollars - USD</option> 
     <option value="GBP">United Kingdom Pounds - GBP</option> 
     <option value="CAD">Canada Dollars - CAD</option> 
     <option value="AUD">Australia Dollars - AUD</option> 
     <option value="JPY">India Rupees - JPY</option> 
    </select> 
</div> 
<div class="data"> 
    <label for="toCurrency">To this currency:</label> 
    <select name="toCurrency" id="toCurrency"> 
     <option value="USD">United States Dollars - USD</option> 
     <option value="GBP">United Kingdom Pounds - GBP</option> 
     <option value="CAD">Canada Dollars - CAD</option> 
     <option value="AUD">Australia Dollars - AUD</option> 
     <option value="JPY">Japan Yen - JPY</option> 
     <option value="INR">India Rupees - INR</option> 
    </select> 
</div> 

    <input type="button" name="convert" id="convert" value="Convert" /> 

    <div id="results"></div> 

jQuery中: -

$(document).ready(function() { 
    $('#convert').click(function(){ 
     var amount = $('#amount').val(); 
     var from = $('#fromCurrency').val(); 
     var to = $('#toCurrency').val(); 
     var dataString = "amount=" + amount + "&from=" + from + "&to=" + to; 
      $.ajax({ 
       type: "POST", 
       url: "http://www.google.com/ig/calculator?hl=en&q="+dataString, 
       data: dataString, 
       success: function(data){ 
       $('#results').show(); 
       $('#results').html(data); 
       } 
      }); 
     }); 
    }); 

什么错误,我做到了这不来了

请帮我

head标签里面,我有使用下面的脚本

<meta name="viewport" content="width=device-width,initial-scale=1"> 
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" /> 
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 
<script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
+0

@Sheetal在控制台它显示原产地空没有被访问控制允许来源允许的。 –

+0

@Sheetal举办后没有错误显示 –

+0

试试这个''http://www.google.com/ig/calculator?hl=zh-CN&q=“+金额+从+”=?“+到' –

回答

1

这里去工作代码:

$('#convert').click(function(){ 
     var amount = $('#amount').val(); 
     var from = $('#fromCurrency').val(); 

     var to = $('#toCurrency').val(); 
     var dataString = from + "&to=" + to + "&q=" + amount; 

     $.ajax({ 
      type: "POST", 
      crossDomain: true, 
      dataType: 'jsonp', 
      contentType: "application/json; charset=utf-8", 
      url: "http://rate-exchange.appspot.com/currency?from=" + dataString, 
      success: function(data){ 
       alert(JSON.stringify(data)); 
       $('#results').show(); 
       $('#results').html(data.v); 
      },error: function(xhr, status, error) { 
       alert(xhr.responseText); 
      } 
     }); 
    }); 
+0

wht将日期:datestring或宁可然后其他 –

+0

为什么url显示http://www.google.com/ig/calculator?hl=en&q=53EUR=?USD。 –

+0

请查看wht脚本我已经使用头标内 –