auth.html 3.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  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>接口6:微信授权</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 iv = $('input[name="iv"]').val();
  22. var encryptedData = $('input[name="encryptedData"]').val();
  23. var session_key = $('input[name="session_key"]').val();
  24. $('#sign').val(sign);
  25. $.ajax({
  26. type : 'POST',
  27. data : {
  28. method :method,
  29. timestamp :timestamp,
  30. sign : sign,
  31. iv : iv,
  32. encryptedData:encryptedData,
  33. session_key:session_key,
  34. },
  35. url : "../api.php",
  36. beforeSend : function(data){
  37. $('#Canvas').html('<p>请求处理中...</p>');
  38. },
  39. success : function(data){
  40. Process(data);
  41. },
  42. error : function(request, errtext, e){
  43. $('#Canvas').html('<p><b>发生错误</b></p><p>'+request.status+'<br/>'+errtext+'</p>');
  44. }
  45. });
  46. });
  47. });
  48. </script>
  49. </head>
  50. <body>
  51. <div id="head"><p>接口9:微信授权</p></div>
  52. <div id="content">
  53. <div id="left">
  54. <div class ="message"><p>接口返回:</p></div>
  55. <div id="Canvas" class="Canvas"></div>
  56. </div>
  57. <div id="right">
  58. <div class ="message"><p>请求数据:</p></div>
  59. <form>
  60. <p>
  61. <span>method:</span>
  62. <input type="text" class="input-text" name="method" value="auth"/>
  63. </p>
  64. <p>
  65. <span>timestamp:</span>
  66. <input type="text" class="input-text" name="timestamp" value="11111111"/>
  67. </p>
  68. <p>
  69. <span>iv:</span>
  70. <input type="text" class="input-text" name="iv" value=""/>
  71. </p>
  72. <p>
  73. <span>encryptedData:</span>
  74. <input type="text" class="input-text" name="encryptedData" value=""/>
  75. </p>
  76. <p>
  77. <span>session_key:</span>
  78. <input type="text" class="input-text" name="session_key" value=""/>
  79. </p>
  80. <p><button class="button success small" id="btn" type="button">发送请求</button></p>
  81. </form>
  82. </div>
  83. </div>
  84. </body>
  85. </html>