province.html 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  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>接口1:省份列表</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. $('#sign').val(sign);
  22. $.ajax({
  23. type : 'POST',
  24. data : {
  25. method :method,
  26. timestamp :timestamp,
  27. sign : sign,
  28. },
  29. url : "../api.php",
  30. beforeSend : function(data){
  31. $('#Canvas').html('<p>请求处理中...</p>');
  32. },
  33. success : function(data){
  34. Process(data);
  35. },
  36. error : function(request, errtext, e){
  37. $('#Canvas').html('<p><b>发生错误</b></p><p>'+request.status+'<br/>'+errtext+'</p>');
  38. }
  39. });
  40. });
  41. });
  42. </script>
  43. </head>
  44. <body>
  45. <div id="head"><p>接口1:省份列表</p></div>
  46. <div id="content">
  47. <div id="left">
  48. <div class ="message"><p>接口返回:</p></div>
  49. <div id="Canvas" class="Canvas"></div>
  50. </div>
  51. <div id="right">
  52. <div class ="message"><p>请求数据:</p></div>
  53. <form>
  54. <p>
  55. <span>method:</span>
  56. <input type="text" class="input-text" name="method" value="province"/>
  57. </p>
  58. <p>
  59. <span>timestamp:</span>
  60. <input type="text" class="input-text" name="timestamp" value="11111111"/>
  61. </p>
  62. <p><button class="button success small" id="btn" type="button">发送请求</button></p>
  63. </form>
  64. </div>
  65. </div>
  66. </body>
  67. </html>