XMLHttps

468 阅读 0 评论 309 点赞

我是靠谱客的博主传统小白菜，这篇文章主要介绍XMLHttps，现在分享给大家，希望可以做个参考。

难得的是页面里面一个 table 也没有....而且居然在 FF 底下看还不会变形，哦哈哈哈

直接运行的话 URL 只能填本域的，如果遇到安全性限制，代码 copy 到本地保存为 hta 运行

<P><html>
<head>
<title>XMLHttps</title>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<style>
* { font-size:13px; line-height:13px; font-family:"Comic Sans MS" Arial 宋体; color:#333; padding:0px; margin:0px; }</P>
<P>body { background-color:buttonface; overflow:auto; border-style:none; padding:0px 15px; text-align:center; }</P>
<P>fieldset { margin:7px 0px; }</P>
<P>legend { font-weight:bold; font-size:14px; }</P>
<P>input { height:16px; line-height:14px; }</P>
<P>.text { height:16px; border:1px solid #333; font-size:12px; line-height:14px; padding:0px 5px; }</P>
<P>.settingLabel { width:120px; padding:0px 10px; height:16px; line-height:16px; display:block; float:left; }</P>
<P>.settingLabel2 { width:118px; padding:0px 10px; height:16px; line-height:16px; float:left; }</P>
<P>.label01 { width:90px; }</P>
<P>.floatLeft { float:left; }</P>
<P>.button01 { border:1px solid #666; color:#555; height:20px; line-height:16px; text-align:center; padding:0px 10px; text-decoration:none; margin-left:10px; }</P>
<P>#divMain { width:740px; margin:0px auto; position:relative; text-align:left; }</P>
<P>#txtURL { width:590px; }</P>
<P>#divHeaders { width:735px; height:90px; float:left; }</P>
<P>#outerSelectHeaders, #outerSelectItems { border:1px solid #333; overflow:hidden; position:absolute; margin:4px; }</P>
<P>#selectHeaders, #selectItems { width:220px; height:80px; margin:-3px -3px -5px -3px; }</P>
<P>#divHeadersSetting, #divItemsSetting { margin-left:360px; }</P>
<P>#txtHeaderName, #txtHeaderValue, #txtItemName, #txtItemValue { width:230px; }</P>
<P>#txtItemValue { height:35px; overflow:auto; padding:3px; border:1px solid #333; }</P>
<P>#divSending { height:120px; }</P>
<P>#divSendingData2 { display:none; }</P>
<P>#txtSendingData, #txtResponseHeader, #txtResponseBody { width:590px; height:80px; overflow:auto; border-width:1px; padding:3px; }</P>
<P>#divReadyState, #divStatus { margin:0px 50px 0px 2px; background-color:green; color:white; padding:0px 20px; float:left; display:block; }</P>
<P></style>

</head>
<body>
<div id="divMain">
<fieldset>
 <legend>Threads</legend>
 <div id="divThreads"></div>
</fieldset>
<fieldset>
 <legend>Settings</legend>
 <div id="divSetting">
  <span class="settingLabel">URL:</span>
  <input id="txtURL" class="text" value="http://"/>

<span class="settingLabel">Method:</span>
  <input id="radioMethodGet" name="radioMethod" value="get" type="radio" checked />
  <label for="radioMethodGet" class="label01">Get</label>
  <input id="radioMethodPost" name="radioMethod" value="post" type="radio"/>
  <label for="radioMethodPost" class="label01">Post</label>

<div id="divHeaders">
   <span class="settingLabel floatLeft">Headers:</span>
   <span id="outerSelectHeaders"><select id="selectHeaders" size="2"></select></span>
   <div id="divHeadersSetting">
    <span class="settingLabel2">Header Name:</span>
    <input id="txtHeaderName" class="text"/>

<span class="settingLabel2">Header Value:</span>
    <input id="txtHeaderValue" class="text"/>

<input class="button01" id="cmdAddModifyHeader" type="button" value="Add / Modify" />
    <input class="button01" id="cmdDelHeader" type="button" value="Delete" />
   </div>
  </div>
 </div>
</fieldset>
<fieldset>
 <legend>Sending String</legend>
 <div id="divSending">
  <span class="settingLabel">Input type:</span>
  <input id="radioInputType1" name="radioInputType" type="radio" value="Name-Value" checked="true"/>
  <label for="radioInputType1" class="label01">Name-Value</label>
  <input id="radioInputType2" name="radioInputType" type="radio" value="By-String"/>
  <label for="radioInputType2" class="label01">By-String</label>
  <div id="divSendingData1">
   <span class="settingLabel floatLeft">Items:</span>
   <span id="outerSelectItems"><select id="selectItems" size="2"></select></span>
   <div id="divItemsSetting">
    <span class="settingLabel2">Item Name:</span>
    <input id="txtItemName" class="text"/>

<span class="settingLabel2">Item Value:</span>
    <textarea id="txtItemValue"></textarea>

<input class="button01" id="cmdAddModifyItem" type="button" value="Add / Modify" />
    <input class="button01" id="cmdDelItem" type="button" value="Delete" />
   </div>
  </div>
  <div id="divSendingData2">
   <span class="settingLabel">Data String:</span>
   <textarea id="txtSendingData"></textarea>
  </div>
 </div>
</fieldset>
<fieldset>
 <legend>Current State</legend>
 <div id="divState">
  <span class="settingLabel">Ready State:</span>
  <div id="divReadyState">就绪</div>
  <span class="settingLabel">Status:</span>
  <div id="divStatus">-1</div>
 </div>
</fieldset>
<fieldset>
 <legend>Operation</legend>
 <div id="divOperation">
  <span class="settingLabel">Operations:</span>
  <input class="button01" id="cmdSend" type="button" value="Send Request" />
  <input class="button01" id="cmdCreateThread" type="button" value="Create Thread" />
  <input class="button01" id="cmdViewResponse" type="button" value="View Reponse as HTML" />

</div>
</fieldset>
<fieldset>
 <legend>Response Data</legend>
 <span class="settingLabel">Headers:</span>
 <textarea id="txtResponseHeader" readonly ></textarea>
 <span class="settingLabel">Body:</span>
 <textarea id="txtResponseBody" readonly ></textarea>
</fieldset>
</div>
</body>
</html></P>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]