如何使用javascript从此URL中提取数据？

Question

I need to build a string from the data contained in this url using javascript/jQuery:

http://www.example.com/members/admin/projects/?projectid=41

The string returned should look as follows:

/ajax/projects.php?projectid=41

Obviously if there is no query string present, the method should still return a string of the same format minus the query string. eg

http://www.example.com/members/admin/messages/

should return...

/ajax/messages.php

I've made numerous attempts, all met without success due to my poor grasp of regular expressions, and it feels as though the ore I rad on the subject the more I am confusing myself.

If someone could help it would be greatly appreciated.

EDIT: The 'admin' portion of the url is a users 'username' and could be anything.

Answer 1

I know exactly what you are trying to do. In order to do it your way just split your string on question mark and then use last item form your array.

var data = your_url.split('?');
var  newUrl = '/ajax/projects.php' + (data.length > 1 ? data[length-1] : "");

and you will have your url.

But what you can do is execute same url using your Script just add one parameter IsAjax=true and then check it in codebehind and execute your ajax logic.

eg

$('#somelink').onclick(function(){
   $.ajax({ url: $(this).href, data { IsAjax: true } .... }
});

Using this way you will have more robust app.

Answer 2

Here's a function that will take your URL and return a new one according to the rules you've listed above:

function processURL(url) {
    var base = "", query = "";
    var matches = url.match(/([^\/\?]+)(\/$|$|\?|\/\?)/);
    if (matches) {
        base = matches[1];
        matches = url.match(/\?[^\?]+$/);
        if (matches) {
            query = matches[0];
        }
    }
    return("/ajax/" + base + ".php" + query);
}

And, a test app that shows it working on a bunch of URLs: http://jsfiddle.net/jfriend00/UbDfn/

Input URLs:

var urls = [
    "http://www.example.com/members/admin/projects/?projectid=41",
    "http://www.example.com/members/bob/messages/",
    "http://www.example.com/members/jill/projects/",
    "http://www.example.com/members/alice/projects?testid=99",
    "http://www.example.com/members/admin/projects/?testid=99"
];

Output results:

/ajax/projects.php?projectid=41
/ajax/messages.php
/ajax/projects.php
/ajax/projects.php?testid=99
/ajax/projects.php?testid=99

To explain, the first regular expression looks for:

a slash
followed by one or more characters that is not a slash and not a question mark
followed by one of the four sequences
    /$    a slash at the end of the string
    $     end of the string
    ?     a question mark
    /?    a slash followed by a question mark

The point of this regex is to get the last segment of the path that comes before either the end of the string or the query parameters and it's tolerant of whether the last trailing slash is there or not and whether there are any query parameters.

Answer 3

I'll assume that by

http://www.example.com/members/admin/messages/

should return...

/ajax/members.php

you meant - should return...

/ajax/messages.php

If that is the case try

var query = url.split('?');
var paths = query[0].split('/');
var path = paths.pop();

if (path == '')  //when there is trailing slash
    path = paths.pop();

if (query.length == 1) //no query string
    newurl = '/ajax/' + path + '.php';
else //query string
    newurl = '/ajax/' + path + '.php?' + query[1];

I'm sure it can be made simpler and better, but that might give you a start.

Answer 4

var str = "http://www.example.com/members/admin/projects/?projectid=41";
var newStr = "/ajax/" + str.split("/").slice(-2).join(".php");
console.log(newStr);