`

Jquery获取表单参数

阅读更多
function GetQueryString(name)
{
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if (r!=null) return unescape(r[2]); return null;


URL的参数&参数名1=XXXX&参数名2=XXXX&参数名3=XXXX 

alert(GetQueryString("参数名1"));
alert(GetQueryString("参数名2"));
alert(GetQueryString("参数名3"));

jquery 代码:

把下面代码。放到js文件中

/**
* jQuery.query - Query String Modification and Creation for jQuery
* Written by Blair Mitchelmore (blair DOT mitchelmore AT gmail DOT com)
* Licensed under the WTFPL (http://sam.zoy.org/wtfpl/).
* Date: 2009/8/13
*
* @author Blair Mitchelmore
* @version 2.1.6
*
**/
new function(settings) {
  // Various Settings
  var $separator = settings.separator || '&';
  var $spaces = settings.spaces === false ? false : true;
  var $suffix = settings.suffix === false ? '' : '[]';
  var $prefix = settings.prefix === false ? false : true;
  var $hash = $prefix ? settings.hash === true ? "#" : "?" : "";
  var $numbers = settings.numbers === false ? false : true;
 
  jQuery.query = new function() {
    var is = function(o, t) {
      return o != undefined && o !== null && (!!t ? o.constructor == t : true);
    };
    var parse = function(path) {
      var m, rx = /\[([^[]*)\]/g, match = /^([^[]+?)(\[.*\])?$/.exec(path), base = match[1], tokens = [];
      while (m = rx.exec(match[2])) tokens.push(m[1]);
      return [base, tokens];
    };
    var set = function(target, tokens, value) {
      var o, token = tokens.shift();
      if (typeof target != 'object') target = null;
      if (token === "") {
        if (!target) target = [];
        if (is(target, Array)) {
          target.push(tokens.length == 0 ? value : set(null, tokens.slice(0), value));
        } else if (is(target, Object)) {
          var i = 0;
          while (target[i++] != null);
          target[--i] = tokens.length == 0 ? value : set(target[i], tokens.slice(0), value);
        } else {
          target = [];
          target.push(tokens.length == 0 ? value : set(null, tokens.slice(0), value));
        }
      } else if (token && token.match(/^\s*[0-9]+\s*$/)) {
        var index = parseInt(token, 10);
        if (!target) target = [];
        target[index] = tokens.length == 0 ? value : set(target[index], tokens.slice(0), value);
      } else if (token) {
        var index = token.replace(/^\s*|\s*$/g, "");
        if (!target) target = {};
        if (is(target, Array)) {
          var temp = {};
          for (var i = 0; i < target.length; ++i) {
            temp[i] = target[i];
          }
          target = temp;
        }
        target[index] = tokens.length == 0 ? value : set(target[index], tokens.slice(0), value);
      } else {
        return value;
      }
      return target;
    };
   
    var queryObject = function(a) {
      var self = this;
      self.keys = {};
     
      if (a.queryObject) {
        jQuery.each(a.get(), function(key, val) {
          self.SET(key, val);
        });
      } else {
        jQuery.each(arguments, function() {
          var q = "" + this;
          q = q.replace(/^[?#]/,''); // remove any leading ? || #
          q = q.replace(/[;&]$/,''); // remove any trailing & || ;
          if ($spaces) q = q.replace(/[+]/g,' '); // replace +'s with spaces
         
          jQuery.each(q.split(/[&;]/), function(){
            var key = decodeURIComponent(this.split('=')[0] || "");
            var val = decodeURIComponent(this.split('=')[1] || "");
           
            if (!key) return;
           
            if ($numbers) {
              if (/^[+-]?[0-9]+\.[0-9]*$/.test(val)) // simple float regex
                val = parseFloat(val);
              else if (/^[+-]?[0-9]+$/.test(val)) // simple int regex
                val = parseInt(val, 10);
            }
           
            val = (!val && val !== 0) ? true : val;
           
            if (val !== false && val !== true && typeof val != 'number')
              val = val;
           
            self.SET(key, val);
          });
        });
      }
      return self;
    };
   
    queryObject.prototype = {
      queryObject: true,
      has: function(key, type) {
        var value = this.get(key);
        return is(value, type);
      },
      GET: function(key) {
        if (!is(key)) return this.keys;
        var parsed = parse(key), base = parsed[0], tokens = parsed[1];
        var target = this.keys[base];
        while (target != null && tokens.length != 0) {
          target = target[tokens.shift()];
        }
        return typeof target == 'number' ? target : target || "";
      },
      get: function(key) {
        var target = this.GET(key);
        if (is(target, Object))
          return jQuery.extend(true, {}, target);
        else if (is(target, Array))
          return target.slice(0);
        return target;
      },
      SET: function(key, val) {
        var value = !is(val) ? null : val;
        var parsed = parse(key), base = parsed[0], tokens = parsed[1];
        var target = this.keys[base];
        this.keys[base] = set(target, tokens.slice(0), value);
        return this;
      },
      set: function(key, val) {
        return this.copy().SET(key, val);
      },
      REMOVE: function(key) {
        return this.SET(key, null).COMPACT();
      },
      remove: function(key) {
        return this.copy().REMOVE(key);
      },
      EMPTY: function() {
        var self = this;
        jQuery.each(self.keys, function(key, value) {
          delete self.keys[key];
        });
        return self;
      },
      load: function(url) {
        var hash = url.replace(/^.*?[#](.+?)(?:\?.+)?$/, "$1");
        var search = url.replace(/^.*?[?](.+?)(?:#.+)?$/, "$1");
        return new queryObject(url.length == search.length ? '' : search, url.length == hash.length ? '' : hash);
      },
      empty: function() {
        return this.copy().EMPTY();
      },
      copy: function() {
        return new queryObject(this);
      },
      COMPACT: function() {
        function build(orig) {
          var obj = typeof orig == "object" ? is(orig, Array) ? [] : {} : orig;
          if (typeof orig == 'object') {
            function add(o, key, value) {
              if (is(o, Array))
                o.push(value);
              else
                o[key] = value;
            }
            jQuery.each(orig, function(key, value) {
              if (!is(value)) return true;
              add(obj, key, build(value));
            });
          }
          return obj;
        }
        this.keys = build(this.keys);
        return this;
      },
      compact: function() {
        return this.copy().COMPACT();
      },
      toString: function() {
        var i = 0, queryString = [], chunks = [], self = this;
        var encode = function(str) {
          str = str + "";
          if ($spaces) str = str.replace(/ /g, "+");
          return encodeURIComponent(str);
        };
        var addFields = function(arr, key, value) {
          if (!is(value) || value === false) return;
          var o = [encode(key)];
          if (value !== true) {
            o.push("=");
            o.push(encode(value));
          }
          arr.push(o.join(""));
        };
        var build = function(obj, base) {
          var newKey = function(key) {
            return !base || base == "" ? [key].join("") : [base, "[", key, "]"].join("");
          };
          jQuery.each(obj, function(key, value) {
            if (typeof value == 'object')
              build(value, newKey(key));
            else
              addFields(chunks, newKey(key), value);
          });
        };
       
        build(this.keys);
       
        if (chunks.length > 0) queryString.push($hash);
        queryString.push(chunks.join($separator));
       
        return queryString.join("");
      }
    };
   
    return new queryObject(location.search, location.hash);
  };
}(jQuery.query || {}); // Pass in jQuery.query as settings object  如果想获取test,则可以引入插件后,用如下方法获取:var test = $.query.get('test');如果参数有多个相同的名称 ,则可以这样:var arr = $.query.get('testy');输出:   [ 值1 ,   值2,   值3...]如果要获取多个相同名称中的某一个,可以这样:var arrayElement = $.query.get('testy[1]');此插件不仅能获取参数,也能设置参数。设置一个参数:var newUrl = $.query.set("section", 5).toString(); 输出   : "?section=5"设置两个参数:var newUrl = $.query.set("section", 5).set("action", "do").toString(); 输出 :   "?action=do§ion=5"删除一个参数:var oldQueryAgain = $.query.REMOVE("type");清空所有参数:var emptyQuery = $.query.empty();复制所有参数:var stillTheSame = $.query.copy();
分享到:
评论

相关推荐

    jquery获取表单元素的方法

    本文将详细解析如何使用jQuery获取表单元素的各种值,包括文本框(TEXT)、文本区域(AREA TEXT)、复选框(CHECKBOX)、单选按钮(RADIO)、下拉列表(SELECT)以及表格(TABLE)中的数据。 ### 文本框(TEXT) ...

    JQuery.form表单提交参数详解.txt

    `ajaxForm()` 和 `ajaxSubmit()` 方法都是 JQuery Form 插件的一部分,它们可以用来处理表单的提交动作,实现 AJAX 异步提交。 - **`ajaxForm()` 方法**:此方法用于将表单的默认提交行为替换为 AJAX 提交行为。...

    JqueryUrl参数获取

    二、jQuery获取URL参数的方法 在jQuery中,没有内置的函数专门用于获取URL参数。但是,可以结合JavaScript的`location.search`和字符串处理方法来实现这一功能。以下是一个简单的实现: ```javascript function ...

    jQuery滑动表单验证效果.zip_jQuery滑动表单验证效果

    "jQuery滑动表单验证效果"是一个示例项目,旨在展示如何利用jQuery实现动态、互动的验证反馈,为用户带来更流畅的表单填写体验。 在这个项目中,"FancySlidingForm"可能是主要的HTML文件,包含了表单的结构和样式。...

    jQuery填写表单带步骤指引的表单向导提示插件

    jQuery是一款强大的JavaScript库,它简化了DOM操作、事件处理和动画效果等任务,而“jQuery填写表单带步骤指引的表单向导提示插件”则进一步提升了表单填写的体验,通过引导式提示帮助用户逐步完成复杂的表单填写...

    jQuery添加删除表单元素代码.zip

    本资源“jQuery添加删除表单元素代码.zip”提供了一种利用jQuery动态添加和删除表单行的解决方案,主要依赖于名为"jquery.dynamic-rows"的插件。这个插件是针对那些需要在用户交互时动态管理表单元素的应用场景设计...

    jsp源码实例2(获取表单参数).docx

    《jsp源码实例2(获取表单参数)》 在Web开发中,处理用户通过表单提交的数据是一项基本任务。本实例将详细讲解如何在Java Servlets中获取并展示通过GET或POST方式发送到服务器的表单参数。该实例代码来源于Marty ...

    jQuery表单验证实例代码

    在本文中,我们将深入探讨如何使用jQuery进行表单验证,主要基于给定的"jQuery表单验证实例代码"。jQuery库简化了JavaScript的DOM操作,使得表单验证变得更加容易和直观。以下是一些关于这个主题的关键知识点: 1. ...

    jQuery获取和设置文本框光标

    以上就是关于“jQuery获取和设置文本框光标”的核心知识点。掌握这些技巧,可以让你在开发过程中更好地操控用户输入,增强页面的交互性。在实际项目中,你可以根据需求进一步扩展,比如添加动画效果,或者与其他...

    使用jQuery ajax提交表单代码

    - 使用`$(selector).serialize()`方法,可以获取表单元素的值并将其转换为URL编码的字符串,适用于POST请求。 - 对于复杂数据结构,可以使用`$(selector).serializeArray()`,然后手动构建数据对象。 3. **发起...

    Jquery实现表单异步提交.zip

    - **引入jQuery库**:确保HTML文件中包含jQuery库的链接,通常是从CDN获取,例如:`&lt;script src="https://code.jquery.com/jquery-3.6.0.min.js"&gt;&lt;/script&gt;`。 - **选择表单元素**:使用jQuery选择器如`$("#formId...

    jquery表单获取短信验证码代码.zip

    在这个名为“jquery表单获取短信验证码代码”的压缩包中,我们可以找到一个使用jQuery库实现的表单验证和发送短信验证码的示例。这个例子涉及到前端开发的几个关键知识点,包括HTML结构设计、CSS样式设置、...

    Ajax使用jQuery提交表单 文件

    在上面的代码中,我们首先阻止了表单的默认提交行为,然后使用`serialize()`方法获取表单数据。接着,我们通过`$.ajax()`发送POST请求,其中`url`是服务器处理表单的接口地址,`data`是提交的数据,`dataType`指定...

    使用JQuery实现从JSON对象转换为form提交数据

    `$.param()`是jQuery内部用于URL编码参数的方法,它可以将键值对转化为`key=value&key2=value2`这样的格式。 下面是一个简单的示例: ```javascript function jsonToFormParams(jsonObj) { var formData = ''; ...

    Ajax表单提交插件jquery form

    通常,jQuery库可以从CDN获取,而`jquery.form.min.js`文件则是插件本身。 ```html &lt;script src="https://code.jquery.com/jquery-3.x.y.min.js"&gt;&lt;/script&gt; &lt;script src="jquery.form.min.js"&gt; ``` 2. **初始...

    jquery实现表单搜索利器

    本文将深入探讨如何使用jQuery实现一个高效的表单搜索功能,将其转化为一个实用的工具,帮助用户快速找到含有特定关键词的信息。 首先,我们要理解jQuery的核心理念:它提供了一种简洁的API,使得开发者能用更少的...

    JQuery Ajax提交整个表单

    可以使用以下代码获取表单数据: ```javascript var formData = $('#myForm').serialize(); ``` 这将得到类似于`"username=John&email=john%40example.com&language=fr"`的字符串。 ### 3. `$.ajax()`方法 `$....

    实用的jQuery表单验证代码.rar_实用的jQuery表单验证代码

    在表单验证中,jQuery可以方便地获取、修改用户输入,并通过自定义的验证规则进行检查。以下是一些关键的jQuery表单验证知识点: 1. **选择器与事件绑定**:jQuery的选择器语法简洁,可以轻松选取DOM元素。在表单...

    jQuery点击图标按钮弹出表单代码

    然后,我们可以获取表单的数据(`$(this).serialize()`),这会将表单中的所有输入字段转换为URL编码的字符串,方便后续处理,例如发送到服务器。 现在,当你点击图标按钮时,表单会优雅地弹出,填写完信息并提交后...

    Ajax使用jQuery提交表单

    首先,获取表单元素,然后使用$.ajax()方法发送POST请求到服务器。例如: ```javascript $('#myForm').submit(function(event) { event.preventDefault(); // 阻止默认的表单提交行为 var formData = $(this)....

Global site tag (gtag.js) - Google Analytics