login.html 3.7 KB

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