reader_login.html 3.8 KB

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