今天做的一个小东西，虽然东西小，但是包含了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>
分享到：
相关推荐
例如，JavaScript中的fetch API或jQuery的$.ajax，Python的requests库，Java的HttpURLConnection或OkHttp库，它们都提供了便捷的接口来发送GET和POST请求。 当涉及文件上传时，POST请求特别有用。例如，使用...
- 这是一个包含GET、POST以及COOKIE数据的混合数组。如果你不确定数据是通过哪种方式提交的，可以使用`$_REQUEST`来获取，但这种方式的效率较低，因此在开发时应尽量避免使用。 在处理同时包含GET和POST的数据时，...
总结，Android与JavaScript的互相调用涉及到`WebView`组件、`WebViewClient`、`addJavascriptInterface()`、`evaluateJavascript()`等关键方法，以及`postMessage()`、`message`事件和URL Scheme等通信机制。...
3. 除了GET请求，POST请求也可能遇到类似问题，需要同样处理。 总结，解决Spring MVC中GET请求中文乱码问题的关键在于确保从客户端到服务器再到客户端的整个链路中，字符编码的一致性和正确设置。通过调整配置、...
除了让Android调用JavaScript外，还可以通过`postMessage`和`WebChromeClient.onMessage`方法使JavaScript能够调用Android方法。`postMessage`在JavaScript中发送消息，`onMessage`在Android端接收并处理消息。 ``...
通过Request和Form.Request等类，可以方便地实现表单提交和数据获取。 七、浏览器兼容性 MooTools致力于跨浏览器兼容性，确保在主流的浏览器（如IE6+、Firefox、Chrome、Safari和Opera）上都能正常工作。它通过抽象...
在EventBus的使用中，我们需要先在Application或者Activity的onCreate方法中初始化EventBus，然后在需要发布事件的地方使用`EventBus.getDefault().post(event)`。事件对象可以自定义，通常包含要传递的数据。在订阅...
AJAX（异步JavaScript和XML）是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。它结合了多项技术：包括HTML或 XHTML、CSS、JavaScript、DOM以及XMLHttpRequest等。通过AJAX，可以在用户与应用交互时...
10. **跨平台框架**，如Electron或Blazor：这些框架允许使用C#和JavaScript混合开发桌面或Web应用。Electron使用Node.js和Chromium，Blazor则利用.NET和WebAssembly技术，让C#可以直接在浏览器内运行。 通过理解并...
通过重写Servlet的`doGet`和`doPost`方法，可以实现对HTTP GET和POST请求的定制化处理。 【jsp】JSP是动态网页技术，允许将HTML、CSS、JavaScript与Java代码混合编写。在这个系统中，JSP用于构建用户界面，展示维修...
在JavaScript的世界里，Fetch API是用于网络请求的标准接口，它提供了更为现代且灵活的方式来替代传统的XMLHttpRequest。然而，Fetch API的使用通常需要每次调用时都指定基础URL和请求选项，这可能导致代码重复和...
理解HTTP方法（GET、POST、PUT、DELETE）和状态码是关键。 5. **模板引擎**：为了生成动态网页，项目可能使用了EJS、Pug或Handlebars等模板引擎，它们允许将HTML和JavaScript代码混合，实现数据绑定和逻辑处理。 6...
在IT行业中，JavaScript（简称JS）和jQuery是前端开发领域不可或缺的工具，而CSS则用于构建优雅的页面样式。这份“Jquery、JS开发帮助文档”涵盖了这些关键领域的详细讲解，对于开发者来说是一份非常宝贵的资源。...
5. **API设计与RESTful原则**：为了实现客户端与服务端的通信，项目可能遵循RESTful架构风格设计API接口，利用HTTP方法（GET、POST、PUT、DELETE等）进行资源操作，确保接口的清晰和简洁。 6. **身份验证与授权**：...
理解HTTP方法（GET、POST、PUT、DELETE）和状态码是必要的。 5. **路由管理**：如果项目使用了React Router或Vue Router，学生需要理解如何设置和管理不同URL对应的视图，实现单页应用（SPA）的导航。 6. **CSS预...
6. **Ajax**：`$.ajax()`, `$.get()`, `$.post()`等函数用于异步数据交互，简化了XMLHttpRequest的使用。 **JavaScript** 是Web开发的基础，它是一种解释型的、基于原型的对象导向语言，具有动态类型和弱类型。...
3. **样式处理**：React Native使用CSS-in-JS的方式来定义样式，通过JavaScript对象来描述样式，这与Web开发中的CSS有所不同。理解如何使用`StyleSheet` API创建和应用样式是关键。 4. **导航**：在App中，导航是必...
- **`axios.post()`**：通常用于发送 POST 请求，实现数据提交或资源创建。 - **`axios.put()`**：通常用于发送 PUT 请求，实现数据更新。 ### 9. RESTful API 设计 #### 9.1 RESTful API 概念 - **定义**：...