js獲取url(request)中的引數

阿新 • • 發佈：2019-01-19

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在瀏覽器端獲取引數值, 也可以是用該方法在伺服器端獲取引數方法

函式:

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>

然後我們通過呼叫此函式獲取對應引數值：

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)中的引數

js獲取url(request)中的引數

js獲取url地址中的每一個引數，方便操作url的hash

使用JS準確獲取URL網址中引數的幾種方法

JS獲取url連線的引數

js獲取url連結中的域名部分

js 獲取url字串中指定引數值

js匹配url地址中引數支援中文

js 獲取 url上的引數

js獲取url中的引數,並保證獲取到的引數不亂碼

js獲取url中?後的引數，修復移動版無法切換到電腦版的BUG

js獲取url中引數名也引數值

js 獲取URL中參數

js 獲取url 中的參數；

js獲取URL中指定的值

使用JS獲取URL中參數的方法

node.js獲取url中的各個參數

js獲取富文字中的第一張圖片url正則公式及去除字串裡面的html標籤的正則公式

JS 獲取 URL 地址/引數

js 獲取URL引數亂碼解決

js獲取url請求引數

js獲取url(request)中的引數

相關推薦