`
jarorwar
  • 浏览: 87569 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js 混合提交方式(含有get和post)

阅读更多

今天做的一个小东西,虽然东西小,但是包含了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>&nbsp;<img src="/wps/dc_resource/person/images/search.gif" width="31" height="20"  style="CURSOR: pointer" onclick="doSubmit()"/></td>
  </tr>
 </table>
 </BODY>
</HTML>

 

0
0
分享到:
评论

相关推荐

    mixpanel-tools:用于从您的 Web 应用程序调试 Mixpanel API 的 Chrome 扩展程序

    支持 GET、POST 和批处理请求 支持自托管 API / 代理服务器 申请链接 请访问了解更多详情。 贡献者和变化 和 对于开发人员 - 入门 克隆代码 打开 chrome://extensions 启用“开发者模式”复选框 单击“加载已解压...

    韩顺平PHP JS JQUERY 所有视频下载种子 货真价实

    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 CordovaWebview Add Header Referer

    本代码是处理android hybrid混合应用,遇到的webview 拦截 header referer 问题的解决。 场景:angular $HTTP 或者js的http请求或者...webview成功拦截get 、post、delete请求,添加header,referer以及body 参数体。。

    recipes-api:用Node.js和React.js编写的简单配方API微服务

    Siili食谱API 简单的REST服务为将由受访的前端开发人员编写...混合大蒜酱(小小袋装)和酸奶一起食用。我认为,烤串可以在较低的温度下烘烤,但可以稍长一点。将前一天的食材放入冰箱中直至煮熟,将洋葱简单地用醋腌制

    jeedom-plugin-volvooncall

    Elle permet de faire des需要HTTP(GET&POST)。 Elle permet derécupérerles compte /véhicule/ position / trajets的信息 国防部/行政区/规划部气候变化司令部部长艾尔·Perl梅特(Alesi permet) Pré...

    pgjson:使用Postgres作为零配置NoSQL数据库

    支持PUT,POST,GET和DEL操作 支持列出所有文档和所有_ids 非常基本的查询API,具有过滤和排序功能 您可以开始使用它,然后在特定的JSON字段上创建索引,编写自己的复杂查询,创建视图或pgjson.main化视图,将...

    《javaScrip开发技术大全》源代码

    • sample03.htm JavaScript与HTML混合执行 • sample04.htm 在同一个网页中使用不同脚本语言 • sample05.htm 判断浏览器对JavaScript版本的支持情况 • sample06.htm 引用外部...

    DjangoSetup:使用RestApi和admin进行Django设置

    24-评论网址和Post Get API Urls 25-用户API设置 26-ModelSerializer创建方法 27-序列化器验证 28-用于用户登录的基本APIView 29-UserLogin API验证 30-用户详细信息序列化器 31-Django Rest框架设置 32-Django ...

    aj:最小和最快的ajax库,根据使用情况有所不同

    aj(ax) 最小和最快的ajax库,模块化。 小而快速 微小的尺寸和出色的性能。 codegolf:压缩173个字节(未压缩的218个字节) ... ,js匿名对象或表单元素和混合对象)准备好数据以应对aj(ax)请求。#示例

    JavaScript高级教程

    第 1 章 JavaScript 是什么...............................................1 3 1.1 历史简述..............................................1 1.2 JavaScript 实现.........................3.5.6 混合工厂方式........

    史上最全韩顺平传智播客PHP就业班视频,10月份全集

    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...

    史上最全传智播客PHP就业班视频课,8月份视频

    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...

    史上最全韩顺平传智播客PHP就业班视频,9月份全集

    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...

    (全)传智播客PHP就业班视频完整课程

    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.NET2.0高级编程(第4版)1/6

    本书全面介绍了ASP.NET各种编程技能和2.0版中的巨大变化,并详细阐述了2.0版中的每个新特性。书中提供了大量的实例,可帮助读者快速掌握如何在.NET平台下开发功能强大的ASP.NET应用程序。本书适合有一些基础的ASP...

    C#基类库(苏飞版)

    1.C#HttpHelper,Httpwebrequest,请求时无视编码,无视证书,无视Cookie,网页抓取 主要是实现了HTTP协议的GET|POST请求时的无视编码,无视证书,设置代理,自动获取Cookie的功能。 访问数据库相关 1.SqlHelper类 ...

    BarcodeSearch-CloudApp

    它与SOAP服务连接,混合使用SOAP和CSV响应,然后将JSON返回给客户端,从而更有效地调动该服务。组条形码API最近搜索[/条形码/最近] “列出最近的搜索”端点。条码/最新[GET] “列出最近的搜索”端点。 响应200...

    2.ASP.NET.2.0.高级编程(第4版) [1/7]

    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...

Global site tag (gtag.js) - Google Analytics