Tabs parameter Passing in Easyui

Source: Internet
Author: User

When Easyui tabs is open, pass the parameter to the specified URL, parse the URL, extract the passed parameters, and take the data as the request parameter for the next page.

jquery section Code://Open tab   function showtabs (Text,url) {   //var text = $ ("#a" +id). Text ();     if ($ ("#tb"). Tabs (' exists ', text)) {           $ (' #tb '). Tabs (' select ',  text);      }    else {             $ ("#tb"). Tabs (" Add ",{                  title:text,                  content: ' <iframe name= ' Indextab " scrolling=" Auto " frameborder=" 0 " style=" width : 100%;height:400px; " ></iframe> ',                  closable:true,                    fit:true,                    selected:true                   });              window.open (url+ "? id=" +tabid+ "&qiymc=" +qymc+ "&gszch=" +gszhuch, " Indextab ");      }   }     html  section:     <div id= "AA"  class= "Easyui-accordion"  >        <div title= "Enterprise basic Information"   style= "overflow:auto;padding:10px;" >        <script type= "Text/javascript" >    $ (function () {     / /Parse url          var param =  window.location.href;          //var reg =  New regexp ("(^|&)"  + param +  "= ([^&]*) (&|$)");     &NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;VAR&NBSP;R&NBSP;=&NBSP;WINDOW.LOCATION.SEARCH.SUBSTR (1);           var p = r.split ("&");           var ary = new array ();           for  (i=0;i<p.length;i++) {                var  s = p[i];                 var t = s.split ("=");                ary.push (t[1]);               }                  var id = ary[0];      $ ("#baseInfo" ). Form ("Load", "${pagecontext.request.contextpath}/credit/company/findcredit.action?id=" +id);                    });  </ Script> 

In addition, there are several methods of JS to get request parameters:

Method One: Use regular expressions to get the address bar parameters: (highly recommended, both practical and convenient!) )

?

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 ; } // 调用方法 alert(GetQueryString( "参数名1" )); alert(GetQueryString( "参数名2" )); alert(GetQueryString( "参数名3" ));

Here's an example:

If the Address bar URL is:abc.html?id=123&url=http://www.maidq.com

So, but you use the above method to invoke: Alert (getquerystring ("url"));

A dialog box pops up: The content is http://www.maidq.com

If using: Alert (getquerystring ("id")), then the popup content is 123;

Of course, if you do not pass parameters, such as your address is abc.html back no parameters, the force output call results sometimes error:

So we have to add a judgment to determine if the argument we requested is empty, first assign the value to a variable:

?

var myurl=GetQueryString( "url" ); if (myurl != null && myurl.toString().length>1) { alert(GetQueryString( "url" )); }

This will not be an error!

Method Two: Traditional methods

<script type= "Text/javascript" >function Urlsearch () {var name,value; var str=location.href;//Get entire address bar Var num= Str.indexof ("?") Str=str.substr (num+1); Get all Parameters Stringvar.substr (start [, Length]var arr=str.split ("&"),/////parameters put into the array for (Var i=0;i < arr.length;i++) { Num=arr[i].indexof ("="); if (num>0) {name=arr[i].substring (0,num); Value=arr[i].substr (num+1); this[name]=value;}} } var request=new urlsearch (); Instantiate alert (request.id);</script>

For example, save this code as 1.html.

So I'm going to visit 1.html?id=test

At this point, I'm going to take the value of test.


called in HTML.

<script type= "Text/javascript" >var a= "http://baidu.com"; </script>

Returns a substring of the specified length starting at the specified position.

Stringvar

Required option. The string literal or string object to extract the substring from.

Start

Required option. The starting position of the desired substring. The index of the first character in the string is 0.

Length

Options are available. The number of characters that should be included in the returned substring.

If length is 0 or negative, an empty string is returned. If this argument is not specified, the substring continues to the end of the stringvar.

Some related parameters are listed below:

Str.tolowercase () Convert to lowercase
Str.touppercase () string all converted to uppercase

URL: Uniform Resource Locator (Uniform Resource Locator, URL)
The complete URL consists of the following parts:
Scheme://host:port/path?query#fragment
Scheme: Communication protocol
Common Http,ftp,maito, etc.

Host: Hosts
The server (computer) domain Name System (DNS) hostname or IP address.

Port: Port number
An integer, optionally, that omits the default port for using the scenario, such as HTTP, with the default port of 80.

Path: Paths
A string separated by 0 or more "/" symbols, typically used to represent a directory or file address on a host.

Query: Querying
Optional, for use with dynamic Web pages such as CGI, ISAPI, php/jsp/asp/asp. NET and other technical Web pages) pass parameters, can have multiple parameters, separated by the "&" symbol, the name and value of each parameter is separated by the "=" symbol.

Fragment: Pieces of information
String that specifies the fragment in the network resource. For example, there are multiple noun interpretations in a Web page, and you can use fragment to navigate directly to a noun interpretation. (also known as anchor points.)

For such a URL

Http://www.maidq.com/index.html?ver=1.0&id=6#imhere

We can use JavaScript to get every part of it.
1, Window.location.href
The entire URL string (in the browser is the full address bar)
This example returns the value: Http://www.maidq.com/index.html?ver=1.0&id=6#imhere

2,window.location.protocol
The protocol portion of the URL
This example returns the value: http:

3,window.location.host
The host part of the URL
This example returns the value: Www.maidq.com

4,window.location.port
The port portion of the URL
If you are using the default 80 port (update: Even if you added: 80), the return value is not the default of 80 but the null character
This example returns the value: ""

5,window.location.pathname
The path portion of the URL (that is, the file address)
This example returns the value:/fisker/post/0703/window.location.html

6,window.location.search
Query (Parameters) Section
In addition to assigning values to dynamic languages, we can also give static pages and use JavaScript to get the values of the arguments we believe in.
This example returns the value:? ver=1.0&id=6

7,window.location.hash
Anchor Point
This example returns the value: #imhere

Tabs parameter Passing in Easyui

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.