今天做的一个小东西,虽然东西小,但是包含了post和get提交,且同时都含有参数。
同时用到了js的encodeURI()方法
代码如下,以作备忘
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style type="text/css">
.bannertxt {
color: #666666;
font-size: 12px;
font-style: normal;
font-family: Hei;
text-decoration: none;
}
.redtxt {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #CC0000;
text-decoration: none;
CURSOR:text;
}
</style>
<script>
String.prototype.trim = function()
{
// 用正则表达式将前后空格
// 用空字符串替代。
return this.replace(/(^\s*)|(\s*$)/g, "");
}
var searchUrl="http://10.1.180.81/hrinfo/?name=";
function change(idname){
var lists=document.getElementsByName("flag");
if("person"==idname){
// alert("load person");
lists[0].className="redtxt";
lists[1].className="bannertxt";
lists[2].className="bannertxt";
lists[3].className="bannertxt";
searchUrl="http://10.1.180.81/hrinfo/?name=";
document.getElementById("sj").style.cssText="padding-left:30px";
}
if("dcone"==idname){
lists[0].className="bannertxt";
lists[1].className="redtxt";
lists[2].className="bannertxt";
lists[3].className="bannertxt";
searchUrl="http://10.1.120.181/ESSearchApplication/search.do?command=searchLink&q=";
document.getElementById("sj").style.cssText="padding-left:110px";
}
if("km"==idname){
lists[2].className="redtxt";
lists[0].className="bannertxt";
lists[1].className="bannertxt";
lists[3].className="bannertxt";
searchUrl="http://10.1.120.181:9080/DCSearch/search.action?key=";
document.getElementById("sj").style.cssText="padding-left:165px";
}
if("info"==idname){
lists[3].className="redtxt";
lists[0].className="bannertxt";
lists[1].className="bannertxt";
lists[2].className="bannertxt";
searchUrl="";
document.getElementById("sj").style.cssText="padding-left:230px";
}
}
function doSubmit(){
var key=document.getElementById("search").value;
key=key.trim();
if(key.length<1){
alert("您的输入无有效字符,请输入您要查询的条件!");
return false;
}else{
if(searchUrl.length<1){
alert("系统正在开发之中!");
}else{
var urls=searchUrl+key;
window.open(encodeURI(urls));
}
}
}
function keyDown(){
if(event.keyCode==13){
doSubmit();
}
}
</script>
</HEAD>
<BODY>
<body>
<table border="0" cellSpacing="0" cellPadding="0">
<tr vAlign="bottom">
<td class="bannertxt">
<span class="redtxt" id="flag" style="CURSOR: pointer" onclick="change('person')">姓名/电话/部门</span> |<span id="flag" style="CURSOR: pointer" onclick="change('dcone')"> DCone </span>|<span id="flag" style="CURSOR: pointer" onclick="change('km')"> 知识中心 </span>|<span id="flag" style="CURSOR: pointer" onclick="change('info')"> 专栏信息</span>
</td>
</tr>
<tr>
<td>
<span id="sj"style="padding-left:40px"><img src="/wps/dc_resource/person/images/gray_arrow.gif"/></span>
</td>
</tr>
<tr>
<td><input id="search" size="52" type="text" name="search" onkeydown="keyDown()"/></td><td> <img src="/wps/dc_resource/person/images/search.gif" width="31" height="20" style="CURSOR: pointer" onclick="doSubmit()"/></td>
</tr>
</table>
</BODY>
</HTML>
分享到:
相关推荐
支持 GET、POST 和批处理请求 支持自托管 API / 代理服务器 申请链接 请访问了解更多详情。 贡献者和变化 和 对于开发人员 - 入门 克隆代码 打开 chrome://extensions 启用“开发者模式”复选框 单击“加载已解压...
9-30 2 javascript的闭包 js变量作用域 9-30 3 仿超级玛丽兄弟游戏制作 9-30 4 构造方法 对象的常用操作 9-30 5 面向对象的封装 继承 多态 9-30 6 面向对象的封装 继承 多态2 9-5 1.php xml编程①-xml基本介绍 xml...
本代码是处理android hybrid混合应用,遇到的webview 拦截 header referer 问题的解决。 场景:angular $HTTP 或者js的http请求或者...webview成功拦截get 、post、delete请求,添加header,referer以及body 参数体。。
Siili食谱API 简单的REST服务为将由受访的前端开发人员编写...混合大蒜酱(小小袋装)和酸奶一起食用。我认为,烤串可以在较低的温度下烘烤,但可以稍长一点。将前一天的食材放入冰箱中直至煮熟,将洋葱简单地用醋腌制
Elle permet de faire des需要HTTP(GET&POST)。 Elle permet derécupérerles compte /véhicule/ position / trajets的信息 国防部/行政区/规划部气候变化司令部部长艾尔·Perl梅特(Alesi permet) Pré...
支持PUT,POST,GET和DEL操作 支持列出所有文档和所有_ids 非常基本的查询API,具有过滤和排序功能 您可以开始使用它,然后在特定的JSON字段上创建索引,编写自己的复杂查询,创建视图或pgjson.main化视图,将...
• sample03.htm JavaScript与HTML混合执行 • sample04.htm 在同一个网页中使用不同脚本语言 • sample05.htm 判断浏览器对JavaScript版本的支持情况 • sample06.htm 引用外部...
24-评论网址和Post Get API Urls 25-用户API设置 26-ModelSerializer创建方法 27-序列化器验证 28-用于用户登录的基本APIView 29-UserLogin API验证 30-用户详细信息序列化器 31-Django Rest框架设置 32-Django ...
aj(ax) 最小和最快的ajax库,模块化。 小而快速 微小的尺寸和出色的性能。 codegolf:压缩173个字节(未压缩的218个字节) ... ,js匿名对象或表单元素和混合对象)准备好数据以应对aj(ax)请求。#示例
第 1 章 JavaScript 是什么...............................................1 3 1.1 历史简述..............................................1 1.2 JavaScript 实现.........................3.5.6 混合工厂方式........
9-30 2 javascript的闭包 js变量作用域 9-30 3 仿超级玛丽兄弟游戏制作 9-30 4 构造方法 对象的常用操作 9-30 5 面向对象的封装 继承 多态 9-30 6 面向对象的封装 继承 多态2 9-5 1.php xml编程①-xml基本介绍 xml...
9-30 2 javascript的闭包 js变量作用域 9-30 3 仿超级玛丽兄弟游戏制作 9-30 4 构造方法 对象的常用操作 9-30 5 面向对象的封装 继承 多态 9-30 6 面向对象的封装 继承 多态2 9-5 1.php xml编程①-xml基本介绍 xml...
9-30 2 javascript的闭包 js变量作用域 9-30 3 仿超级玛丽兄弟游戏制作 9-30 4 构造方法 对象的常用操作 9-30 5 面向对象的封装 继承 多态 9-30 6 面向对象的封装 继承 多态2 9-5 1.php xml编程①-xml基本介绍 xml...
9-30 2 javascript的闭包 js变量作用域 9-30 3 仿超级玛丽兄弟游戏制作 9-30 4 构造方法 对象的常用操作 9-30 5 面向对象的封装 继承 多态 9-30 6 面向对象的封装 继承 多态2 9-5 1.php xml编程①-xml基本介绍 xml...
本书全面介绍了ASP.NET各种编程技能和2.0版中的巨大变化,并详细阐述了2.0版中的每个新特性。书中提供了大量的实例,可帮助读者快速掌握如何在.NET平台下开发功能强大的ASP.NET应用程序。本书适合有一些基础的ASP...
1.C#HttpHelper,Httpwebrequest,请求时无视编码,无视证书,无视Cookie,网页抓取 主要是实现了HTTP协议的GET|POST请求时的无视编码,无视证书,设置代理,自动获取Cookie的功能。 访问数据库相关 1.SqlHelper类 ...
它与SOAP服务连接,混合使用SOAP和CSV响应,然后将JSON返回给客户端,从而更有效地调动该服务。组条形码API最近搜索[/条形码/最近] “列出最近的搜索”端点。条码/最新[GET] “列出最近的搜索”端点。 响应200...
5.18.5 修改日历的样式和操作方式 153 5.19 AdRotator服务器控件 156 5.20 Xml服务器控件 158 5.21 Panel服务器控件 158 5.22 PlaceHolder服务器控件 160 5.23 小结 161 第6章 ASP.NET 2.0的Web服务器控件 163...