標籤：lang input bsp 靜態 imp span 瀏覽器資訊 getname tar
index.htm?參數1=數值1&參數2=數值2&參數3=資料3&參數4=數值4&......
靜態html檔案js讀取url參數，根據擷取html的參數值控制html頁面輸出。
一、字串分割分析法。
這裡是一個擷取URL帶REQUESTRING參數的JAVASCRIPT用戶端解決方案。
相當於asp的request.querystring，PHP的$_GET，jsp的request.getParameter
//var USERCODE="<%=request.getParameter("USERCODE")%>";
//以上是用request.getParameter在瀏覽器端擷取參數值, 也可以是用該方法在伺服器端擷取參數方法
函數:
<Script language="javascript">
function GetRequest() {
var url = location.search; //擷取url中含"?"符後的字串
var theRequest = new Object();
if (url.indexOf("?") != -1) {
var str = url.substr(1);
strs = str.split("&");
for(var i = 0; i < strs.length; i ++) {
theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);
}
}
return theRequest;
}
</Script>
然後我們通過調用此函數擷取對應參數值：
<Script language="javascript">
var Request = new Object();
Request = GetRequest();
var 參數1,參數2,參數3,參數N;
參數1 = Request[‘參數1‘];
參數2 = Request[‘參數2‘];
參數3 = Request[‘參數3‘];
參數N = Request[‘參數N‘];
</Script>
以此擷取url串中所帶的同名參數
二、正則分析法。
function GetQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)","i");
var r = window.location.search.substr(1).match(reg);
if (r!=null) return unescape(r[2]); return null;
}
alert(GetQueryString("參數名1"));
alert(GetQueryString("參數名2"));
alert(GetQueryString("參數名3"));
三、java舉例如下：
1、
<%@ page language="java" import="java.util.*,com.servlet.bean" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>
<script type="text/javascript">
<%
ArrayList list = (ArrayList)request.getAttribute("list");
for(int i=0;i<list.size();i++){
bean Bean = (bean)list.get(i);
%>
var name = ‘<%=Bean.getName()%>‘ //這裡是從request擷取參數，賦值給name這個變數
<%
}
%>
</script>
</body>
</html>
2、在servlet服務端的代碼如下：
package com.servlet;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.ArrayList;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class servlet extends HttpServlet {
public servlet() {
super();
}
/**
* Destruction of the servlet. <br>
*/
public void destroy() {
super.destroy(); // Just puts "destroy" string in log
// Put your code here
}
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
bean Bean = new bean();
Bean.setName("liubin");
Bean.setPwd("123");
bean Bean2 = new bean();
Bean2.setName("aaa");
Bean2.setPwd("456");
bean Bean3 = new bean();
Bean3.setName("bbb");
Bean3.setPwd("789");
ArrayList list = new ArrayList();
list.add(Bean);
list.add(Bean2);
list.add(Bean3);
request.setAttribute("list", list);
request.getRequestDispatcher("../index.jsp").forward(request, response);
}
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
doGet(request ,response);
}
public void init() throws ServletException {
// Put your code here
}
}
四、
javascript可以通過window.navigator來進行判斷。不同的瀏覽器navigator對象裡的名稱是不同的：
window.navigator.userAgent 記錄瀏覽器資訊以及作業系統資訊。
1.取變數值
var a = ‘<%=request.getAttribute("aaa");%>‘ ;
2.也可以將這個值放在頁面上.再取出來.
<input type="hidden" value="<%=request.getAttribute("aaa");%>" id="aaa"/>
var a = document.getElementById(‘aaa‘).value ;
(注):對於對象,我推薦使用第二種方法.這樣可以在頁面中不IMPORT JAVA類..更符合現在編程
eg:
<input type="hidden" value="${student.name}" id="stuName"/>
var stuName = $(‘stuName‘).value ; // prototype.js新功能,簡寫.
js擷取url(request)中的參數
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
