city.html 3.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <title>接口2:城市列表</title>
  6. <script type="text/javascript" src="js/jquery.1.9.1.min.js"></script>
  7. <script type="text/javascript" src="js/func.common.js"></script>
  8. <script type="text/javascript" src="js/func.js"></script>
  9. <script type="text/javascript" src="js/jquery.md5.js">//$.md5()</script>
  10. <script type="text/javascript" src="js/jquery.base64.js">//$.base64.encode()</script>
  11. <script src="js/c.js" type="text/javascript"></script>
  12. <script src="js/urchin.js" type="text/javascript"></script>
  13. <link href="css/s.css" type="text/css" rel="stylesheet">
  14. <link href="css/base.css" type="text/css" rel="stylesheet">
  15. <script type="text/javascript">
  16. $(function(){
  17. $('#btn').click(function(){
  18. var method = $('input[name="method"]').val();
  19. var timestamp =$('input[name="timestamp"]').val();
  20. var sign = $.md5(method+timestamp);
  21. var pid =$('input[name="pid"]').val();
  22. $('#sign').val(sign);
  23. $.ajax({
  24. type : 'POST',
  25. data : {
  26. method :method,
  27. timestamp :timestamp,
  28. sign : sign,
  29. pid : pid,
  30. },
  31. url : "../api.php",
  32. beforeSend : function(data){
  33. $('#Canvas').html('<p>请求处理中...</p>');
  34. },
  35. success : function(data){
  36. Process(data);
  37. },
  38. error : function(request, errtext, e){
  39. $('#Canvas').html('<p><b>发生错误</b></p><p>'+request.status+'<br/>'+errtext+'</p>');
  40. }
  41. });
  42. });
  43. });
  44. </script>
  45. </head>
  46. <body>
  47. <div id="head"><p>接口2:城市列表</p></div>
  48. <div id="content">
  49. <div id="left">
  50. <div class ="message"><p>接口返回:</p></div>
  51. <div id="Canvas" class="Canvas"></div>
  52. </div>
  53. <div id="right">
  54. <div class ="message"><p>请求数据:</p></div>
  55. <form>
  56. <p>
  57. <span>method:</span>
  58. <input type="text" class="input-text" name="method" value="city"/>
  59. </p>
  60. <p>
  61. <span>timestamp:</span>
  62. <input type="text" class="input-text" name="timestamp" value="11111111"/>
  63. </p>
  64. <p>
  65. <span>pid:(省份id)</span>
  66. <input type="text" class="input-text" name="pid" value="1"/>
  67. </p>
  68. <p><button class="button success small" id="btn" type="button">发送请求</button></p>
  69. </form>
  70. </div>
  71. </div>
  72. </body>
  73. </html>