http测试小工具

最新推荐文章于 2023-09-26 20:54:34 发布

inrtyx

最新推荐文章于 2023-09-26 20:54:34 发布

阅读量715

点赞数

分类专栏： web 文章标签： http json

本文链接：https://blog.csdn.net/inrtyx/article/details/9962453

版权

web 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<html>
	<header>

		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<style type="text/css">
			.container{
				margin: auto;
				width: 1024px;
			}
			.formdiv{
				width:600px;
				margin: 30px auto auto;
			}
			.addkeyvalue{
				margin:auto;
				width:600px;
			}
		</style>
		<script type="text/javascript">
			var count = 0;
			var content = "{";
			function add(){
				var div_file = document.createElement("div");
				var input_value = document.createElement("input");
				var input_key = document.createElement("input");
				 
				div_file.setAttribute("id", "div_file");
				input_key.setAttribute("value", ""); 
				input_key.setAttribute("id","key" + count);
				input_value.setAttribute("value", ""); 
				input_value.setAttribute("id","value" + count);
				input_value.setAttribute("style","width: 300px;");
				 
				div_file.appendChild(input_key);
				div_file.appendChild(input_value);
				document.getElementById('keyvalue').appendChild(div_file);
				count++;
			}
			function del(){
				var index = count - 1;
				var keyElement = document.getElementById('key'+ index);
				var valueElement = document.getElementById('value'+ index);
				keyElement.parentNode.removeChild(keyElement);
				valueElement.parentNode.removeChild(valueElement);
				count--;
			}
			function reset(){
				document.getElementById('keyvalue').innerHTML = "";
				document.getElementById('cache').value = "";
				count = 0;
				var content = "{";
			}
			function resetForm(){
				document.getElementById('url').value = "";
				document.getElementById('reqtype').value = "";
				document.getElementById('reqname').value = "";
				document.getElementById('cache').value = "";
			}
			function send()
			{ 
				if(document.getElementById('cache').value ==""){
					var key, value;
					for(var i = 0; i < count - 1; i++){
						key =  document.getElementById('key' + i).value;
						value =  document.getElementById('value' + i).value;
						content += '"' + key+ '":' + '"' + value + '",';
					}
					key =  document.getElementById('key' + i).value;
					value =  document.getElementById('value' + i).value;
					content += '"' + key+ '":' + '"' + value + '"}';
					document.getElementById('cache').value = content;
					document.getElementById('content').value = content;
					alert(content);
				}else{
					document.getElementById('content').value = document.getElementById('cache').value;
				}
				document.mylogin.action = document.getElementById('url').value;
				document.getElementById('content').name = document.getElementById('reqname').value;
				document.mylogin.submit();
			}
			function display(){
				var cache = document.getElementById('cache').value;
				alert(cache);
			}
		</script>
	</header>

	<body>
		<div class="container">
		<div class="addkeyvalue">
		key-------------------------------value
		<div id="keyvalue"></div>
		<input type="button" value="添加" οnclick="add();">
		<input type="button" value="重置" οnclick="reset();">
		<input type="button" value="删除" οnclick="del();">
		</div>
		<div class="formdiv">
			<form name="mylogin" action="" method="post">
				请求地址：<input style="width: 400px;" type="text" value="" name="url" id="url"></br>
				请求名字：<input style="width: 200px;" type="text" value="" name="reqname" id="reqname"></br>
				提交参数：<input type="" style="width: 520px;" id="cache" value=""></br>
				<input style="display: none;" type="text" value="" name="" id="content"></br>
				<input type="button" value="提交" οnclick="send();">
				<input type="button" value="重置form" οnclick="resetForm();">
				<input type="button" value="显示提交参数" οnclick="display();">
			</form>  
		</div>

		</div>
	</body>
</html>

inrtyx

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
http测试小工具

.container{margin: auto;width: 1024px;}.formdiv{width:600px;margin: 30px auto auto;}.addkeyvalue{margin:auto;width:600px;}var count = 0;var content = "{";function add()
复制链接

扫一扫