Hello guys, just wanna ask you guys about
"How to create a webrequest with Java Script"


i have tried using the httpliveheaders but i cannot see a post data of it coz its all a plain javascript >.<
i have tried figuring out but i really cannot sort it out.

below this code is the page source of a certain site.


vb Code:
  1. <html>

  2. <head>

  3. <title>Login</title>

  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

  5. <script language="JavaScript" src="../../index.res"></script>

  6. <script language="JavaScript" src="../js/util.js"></script>

  7. <style type="text/css">

  8. a

  9. {

  10. color:#FFFFFF;

  11. cursor:hand;

  12. font-family:Arial;

  13. font-size:14px;

  14. font-weight:bold;

  15. text-decoration :none;

  16. }

  17. b

  18. {

  19. color:blue;

  20. cursor:hand;

  21. font-family:Arial;

  22. font-size:14px;

  23. font-weight:bold;

  24. text-decoration :none;

  25. }

  26. td

  27. {

  28. font-family:Arial;

  29. font-size:14px;

  30. }

  31. a:hover {

  32. color: blue;

  33. }

  34. b:hover {

  35. color: blue;

  36. }

  37. body

  38. {

  39. margin: 0 0 0 0;

  40. font-family:Arial;

  41. }

  42. </style>

  43. <script language="JavaScript" type="text/javascript">

  44. var checkFocusValue = 0;

  45. var curProductClass = "6";  // 0--BM625  1--BM635

  46. var LoginTimes = 0;

  47. var Cookieflag = 0;

  48. var inittime = 0;

  49. var initcount = 0;

  50. var firmenu = 'Admin_0';

  51. var secmenu = 'Admin_0_0';

  52. var thirdmenu = 'Admin_0_0_0';

  53. var strCookie = document.cookie;

  54. var base64EncodeChars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";

  55. var base64DecodeChars = new Array(

  56. -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1,

  57. -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1,

  58. -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 62, -1, -1, -1, 63,

  59. 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, -1, -1, -1, -1, -1, -1,

  60. -1,  0,  1,  2,  3,  4,  5,  6,  7,  8,  9, 10, 11, 12, 13, 14,

  61. 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, -1, -1, -1, -1, -1,

  62. -1, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40,

  63. 41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, -1, -1, -1, -1, -1);

  64. function base64encode(str) {

  65. var out, i, len;

  66. var c1, c2, c3;

  67. len = str.length;

  68. i = 0;

  69. out = "";

  70. while(i < len) {

  71. c1 = str.charCodeAt(i++) & 0xff;

  72. if(i == len)

  73. {

  74. out += base64EncodeChars.charAt(c1 >> 2);

  75. out += base64EncodeChars.charAt((c1 & 0x3) << 4);

  76. out += "==";

  77. break;

  78. }

  79. c2 = str.charCodeAt(i++);

  80. if(i == len)

  81. {

  82. out += base64EncodeChars.charAt(c1 >> 2);

  83. out += base64EncodeChars.charAt(((c1 & 0x3)<< 4) | ((c2 & 0xF0) >> 4));

  84. out += base64EncodeChars.charAt((c2 & 0xF) << 2);

  85. out += "=";

  86. break;

  87. }

  88. c3 = str.charCodeAt(i++);

  89. out += base64EncodeChars.charAt(c1 >> 2);

  90. out += base64EncodeChars.charAt(((c1 & 0x3)<< 4) | ((c2 & 0xF0) >> 4));

  91. out += base64EncodeChars.charAt(((c2 & 0xF) << 2) | ((c3 & 0xC0) >>6));

  92. out += base64EncodeChars.charAt(c3 & 0x3F);

  93. }

  94. return out;

  95. }

  96. function base64decode(str) {

  97. var c1, c2, c3, c4;

  98. var i, len, out;

  99. len = str.length;

  100. i = 0;

  101. out = "";

  102. while(i < len) {

  103. /* c1 */

  104. do {

  105. c1 = base64DecodeChars[str.charCodeAt(i++) & 0xff];

  106. } while(i < len && c1 == -1);

  107. if(c1 == -1)

  108. break;

  109. /* c2 */

  110. do {

  111. c2 = base64DecodeChars[str.charCodeAt(i++) & 0xff];

  112. } while(i < len && c2 == -1);

  113. if(c2 == -1)

  114. break;

  115. out += String.fromCharCode((c1 << 2) | ((c2 & 0x30) >> 4));

  116. /* c3 */

  117. do {

  118. c3 = str.charCodeAt(i++) & 0xff;

  119. if(c3 == 61)

  120. return out;

  121. c3 = base64DecodeChars[c3];

  122. } while(i < len && c3 == -1);

  123. if(c3 == -1)

  124. break;

  125. out += String.fromCharCode(((c2 & 0XF) << 4) | ((c3 & 0x3C) >> 2));

  126. /* c4 */

  127. do {

  128. c4 = str.charCodeAt(i++) & 0xff;

  129. if(c4 == 61)

  130. return out;

  131. c4 = base64DecodeChars[c4];

  132. } while(i < len && c4 == -1);

  133. if(c4 == -1)

  134. break;

  135. out += String.fromCharCode(((c3 & 0x03) << 6) | c4);

  136. }

  137. return out;

  138. }

  139. function SubmitForm()

  140. {

  141. var usernamevalue;

  142. var passwordvalue;

  143. var Username = document.getElementById('txt_Username');

  144. var Password = document.getElementById('txt_Password');

  145. usernamevalue = Username.value;

  146. passwordvalue = Password.value;

  147. if (Username.value == "")

  148. {

  149. alert(eval("gErrStr0"));

  150. return false;

  151. }

  152. if (usernamevalue.length > 31)

  153. {

  154. alert(eval("gErrStr7"));

  155. return false;

  156. }

  157. if(!isValidName(usernamevalue))

  158. {

  159. alert(eval("gErrStr8"));

  160. return false;

  161. }

  162. if (Password.value == "")

  163. {

  164. alert(eval("gErrStr1"));

  165. return false;

  166. }

  167. if (passwordvalue.length > 31)

  168. {

  169. alert(eval("gErrStr9"));

  170. return false;

  171. }

  172. if(!isValidName(passwordvalue))

  173. {

  174. alert(eval("gErrStr10"));

  175. return false;

  176. }

  177. if (document.cookie == '')

  178. {

  179. var cookie = "LoginTimes=" + initcount + ":" +  "LoginOverTime=" + inittime + "; path=/";

  180. document.cookie = cookie;

  181. }

  182. var cookie = "FirstMenu=" + firmenu + "; path=/";

  183. document.cookie = cookie;

  184. var cookie = "SecondMenu=" + secmenu + "; path=/";

  185. document.cookie = cookie;

  186. var cookie = "ThirdMenu=" + thirdmenu + "; path=/";

  187. document.cookie = cookie;

  188. var form = new webSubmitForm();

  189. form.setAction('login.cgi?Username='+ Username.value + '&Password=' + base64encode(Password.value) + '&RequestFile=html/content.asp');

  190. form.submit();

  191. return true;

  192. }

  193. function LoadFrame()

  194. {

  195. hideContextmenu();

  196. document.getElementById('txt_Username').tabIndex = 1;

  197. document.getElementById('txt_Password').tabIndex = 2;

  198. document.getElementById('btnLogin').tabIndex = 3;

  199. document.getElementById('btnCancel').tabIndex = 4;

  200. document.getElementById('txt_Username').focus();

  201. if (getElement("lang_2").value == "" || getElement("lang_2").value == null || getElement("lang_2").value == undefined)

  202. {

  203. setDisplay("lang_1", 0);

  204. }

  205. }

  206. function onCancel()

  207. {

  208. if (true == confirm(eval("gErrStr5")))

  209. {

  210. var Username = document.getElementById('txt_Username');

  211. var Password = document.getElementById('txt_Password');

  212. Username.value = '';

  213. Password.value = '';

  214. }

  215. else

  216. {

  217. }

  218. }

  219. function checkFocus(value)

  220. {

  221. checkFocusValue = value;

  222. }

  223. function onHandleKeyDown(e)

  224. {

  225. if (e.keyCode == 13)

  226. {

  227. if((checkFocusValue == 1)||(checkFocusValue == 2))

  228. {

  229. SubmitForm();

  230. }

  231. }

  232. }

  233. function websetlang(langtype)

  234. {

  235. var form = new webSubmitForm();

  236. form.setAction('language.cgi?Language='+ langtype + '&RequestFile=html/index.asp');

  237. form.submit();

  238. }

  239. </script>

  240. </head>

  241. <!--  rightmargin="0" leftmargin="0" bottommargin="0" topmargin="0" marginheight="0" marginwidth="0"    <input type="button" value="Login" style="width:200px;height:24px; background-image:../../images/btninit.gif;"><div style="position:relative;left:150px;top:100px"></div>-->

  242. <body onLoad="LoadFrame();">

  243. <div id="LoginForm" action="/login.cgi" method="get" onkeydown='return onHandleKeyDown(event);'>

  244. <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">

  245. <tr>

  246. <td height="61" valign="top">

  247. <table width="100%" border="0" cellpadding="0" cellspacing="0" height="100%">

  248. <tr>

  249. <td width="16%" height="68">

  250. <table width="100%" border="0" cellpadding="0" cellspacing="0" height="100%" background="../../images/logoback.gif" >

  251. <tr>

  252. <td align="center"> <img src="../../images/logo.gif"   border="0" style="position:relative; top:0px"></img> </td>

  253. </tr>

  254. </table>

  255. </td>

  256. <td width="1%" background="../../images/leftblock.gif">&nbsp;</td>

  257. <td background="../../images/midblock.gif" valign="top">

  258. <table height="61" border="0">

  259. <tr>

  260. <td height="26" colspan="5"></td>

  261. </tr>

  262. <tr>

  263. <td width="30" height="27">&nbsp;</td>

  264. <td width="504" valign="top">

  265. <b>

  266. <font color="#006699" style="font-family:Arial;font-size:16px;">

  267. <script language="JavaScript" type="text/javascript">

  268. if(curProductClass == '0')

  269. {

  270. document.write("EchoLife BM625 WiMAX CPE");

  271. }

  272. else if(curProductClass == '1')

  273. {

  274. document.write("EchoLife BM635 WiMAX CPE");

  275. }

  276. else if(curProductClass == '2')

  277. {

  278. document.write("EchoLife BM626 WiMAX CPE");

  279. }

  280. else if(curProductClass == '3')

  281. {

  282. document.write("EchoLife BM632 WiMAX CPE");

  283. }

  284. else if(curProductClass == '4')

  285. {

  286. document.write("EchoLife BM631a WiMAX CPE");

  287. }

  288. else if(curProductClass == '5')

  289. {

  290. document.write("EchoLife BM655 WiMAX CPE");

  291. }

  292. else if(curProductClass == '6')

  293. {

  294. document.write("EchoLife BM622 WiMAX CPE");

  295. }

  296. else if(curProductClass == '7')

  297. {

  298. document.write("HUAWEI BM632w WiMAX CPE");

  299. }

  300. else if(curProductClass == '8')

  301. {

  302. document.write("HUAWEI BM652 WiMAX CPE");

  303. }

  304. else

  305. {

  306. document.write("HUAWEI UNKNOWN WiMAX CPE");

  307. }

  308. </script>

  309. </font>

  310. <b>

  311. </td>

  312. <td width="117" valign="top">&nbsp;</td>

  313. <td width="70" valign="top">

  314. <b value='English' id="lang_1" name="lang_1" onclick="websetlang(getElement('lang_1').value)">

  315. English

  316. </b>&nbsp;&nbsp;&nbsp;

  317. </td>

  318. <td width="70" valign="top">

  319. <b value='' id="lang_2" name="lang_2" onclick="websetlang(getElement('lang_2').value)">

  320.  
  321. </b>&nbsp;&nbsp;&nbsp;

  322. </td>

  323. <td width="70" valign="top">

  324. <b value='' id="lang_3" name="lang_3" onclick="websetlang(getElement('lang_3').value)">

  325.  
  326. </b>&nbsp;&nbsp;&nbsp;

  327. </td>

  328. </tr>

  329. <script language="JavaScript" type="text/javascript">

  330. if (getElement("lang_2").value == "" || getElement("lang_2").value == null || getElement("lang_2").value == undefined)

  331. {

  332. setDisplay("lang_1", 0);

  333. }

  334. </script>

  335. <tr> </tr>

  336. </table>

  337. </td>

  338. <td width="1%" background="../../images/rightblock.gif">&nbsp;</td>

  339. </tr>

  340. </table>

  341. </td>

  342. </tr>

  343. <tr>

  344. <td height="510" background="../../images/loginbackground.gif" align="center">

  345. <table height="196" width="292" cellpadding="0" cellspacing="0" border="0" style="position:relative;top:-70px;">

  346. <tr>

  347. <td>

  348. <table height="195" width="420" cellpadding="0" cellspacing="0" border="0">

  349. <tr>

  350. <td width="6" background="../../images/loginleft.gif" ></td>

  351. <td width="403" background="../../images/loginmid.gif">

  352. <table width="83%" height="101" border="0" cellpadding="0" cellspacing="0">

  353. <tr><td height="40">&nbsp;</td></tr>

  354. <tr  class="trTabConfigure">

  355. <td width="136" align="right"><script language="JavaScript" type="text/javascript">document.write(eval("gVarUsername"));</script></td>

  356. <td width="221" align="center">

  357. <input style="height:22px; font-family:Arial;" id="txt_Username" type="text" name="Username" onfocus="checkFocus(1);">

  358. </td>

  359. </tr>

  360. <tr><td height="20"></td></tr>

  361. <tr  class="trTabConfigure">

  362. <td align="right"><script language="JavaScript" type="text/javascript">document.write(eval("gVarPassword"));</script></td>

  363. <td align="center">

  364. <input style="height:22px; font-family:Arial;" id="txt_Password" name="Password" type="password" onfocus="checkFocus(2);">

  365. </td>

  366. </tr>

  367. <tr><td height="20"></td></tr>

  368. <!--

  369. <tr  class="trTabConfigure">

  370. <td align="right"><script language="JavaScript" type="text/javascript">document.write(eval("gVarLanguage"));</script></td>

  371. <td align="center">

  372. <select name="Language" size='1' id="Language" onChange=""  style="width: 155px; height:22px;">

  373. <option value="0" selected> English </option>

  374. <option value="1"> 中文 </option>

  375. </select>

  376. </td>

  377. </tr>

  378. -->

  379. </table>

  380. <table width="402" height="45" border="0"  cellpadding="0" cellspacing="0">

  381. <tr>

  382. <td height="13"> </td>

  383. <td colspan="2"> </td>

  384. </tr>

  385. <tr>

  386. <td width="71" height="32" align="right"> <img src="../../images/sigh.gif"></img></td>

  387. <td width="6" align="left"></td>

  388. <td width="325" align="left">

  389. <script language="JavaScript" type="text/javascript">

  390. if (LoginTimes == 0)

  391. {

  392. document.write('<font color="#0000FF">'+eval("gErrStr2"))

  393. }

  394. else if (LoginTimes == 1)

  395. {

  396. document.write('<font color="#FF3300">'+eval("gErrStr3"))

  397. }

  398. else if (LoginTimes == 2)

  399. {

  400. document.write('<font color="#FF3300">'+eval("gErrStr6"))

  401. }

  402. else if (LoginTimes >= 3)

  403. {

  404. document.write('<font color="#FF3300">'+eval("gErrStr4"))

  405. }

  406. </script>

  407. </font> </td>

  408. </tr>

  409. </table>

  410. </td>

  411. <td width="7" background="../../images/loginright.gif" ></td>

  412. </tr>

  413. </table>

  414. </td>

  415. </tr>

  416. <tr>

  417. <td>

  418. <table height="30" width="100%" cellpadding="0" cellspacing="0" border="1" style="border-color:#efefef;">

  419. <tr>

  420. <td width="217" background="../../images/btninit.gif" align="center"><a id="btnLogin" href="#" onfocus="checkFocus(3);" onClick="SubmitForm();">

  421. <script language="JavaScript" type="text/javascript">document.write(eval("gVarLogin"));</script></a></td>

  422. <td width="197" align="center" background="../../images/btninit.gif"><a id="btnCancel" href="#" onfocus="checkFocus(4);" onClick="onCancel();">

  423. <script language="JavaScript" type="text/javascript">document.write(eval("gVarCancal"));</script>

  424. </a></td>

  425. </tr>

  426. </table>

  427. </td>

  428. </tr>

  429. </table>

  430. </td>

  431. </tr>

  432. <tr>

  433. <td style="background-color:#d1d1d1" valign="bottom"></td>

  434. </tr>

  435. </table>

  436. </div>

  437. </body>

  438. </html>


can anyone help me out how to login by triggering the Javascripts of it.

Really appreciate if someone would help me out. Thanks!