将包含多个变量的 URL 作为参数发送到另一个页面

Question

我有一个 Javascript 页面，它将数据发送到 PHP 页面。该数据是具有不同查询字符串的 URL，例如：

    var localURL = "http://localhost/app/proxy.php?data=http://myserver.com/game.php?type=loadgame&userInfoName=AA&userPwd=AA&nocache=0.8046834595784704"

    $.ajax({
        url: localURL,
        beforeSend: function (xhr) {
            alert('beforesend');
        },
        success: function (data) {
            alert('success: ' + data);
        }
    });

查询字符串变量的数量可能会有所不同，因此我无法使用 ajax 函数的 data 参数发送它。如果我对数据变量 ($_GET['data'];) 执行 GET，我会得到以下结果：

http://myserver.com//game.php?type=loadgame

我想要得到的是：

http://myserver.com/game.php?type=loadgame&userInfoName=AA&userPwd=AA&nocache=0.8046834595784704

有什么想法吗？ :-S

Answer 1

你必须转义才能获得有效的网址：

var data = escape('http://myserver.com/game.php?type=loadgame&userInfoName=AA&userPwd=AA&nocache=0.8046834595784704');
var localURL = "http://localhost/app/proxy.php?data=" . data;

Answer 2

您缺少的是 localUrl 变量中的 URL 转义。

应该是这样的：

var localURL = "http://localhost/app/proxy.php?data=http%3A%2F%2Fmyserver.com%2Fgame.php%3Ftype%3Dloadgame%26userInfoName%3DAA%26userPwd%3DAA%26nocache%3D0.8046834595784704"

如果你在javascript中构造localURL，请使用escape()函数

Answer 3

var localURL = "http://localhost/app/proxy.php?data=" + encodeURIComponent("http://myserver.com/game.php?type=loadgame&userInfoName=AA&userPwd=AA&nocache=0.8046834595784704");

Answer 4

这就是浏览器看到的：

http://localhost/app/proxy.php?

data=http://myserver.com/game.php?type=loadgame => param 1

&userInfoName=AA => param 2

&userPwd=AA => param 3

&nocache=0.8046834595784704 => param 4

所以你应该像这样转义字符串“http://myserver.com/game.php?type=loadgame&userInfoName=AA&userPwd=AA&nocache=0.8046834595784704”

var data=$.URLEncode('http://myserver.com/game.php?type=loadgame&userInfoName=AA&userPwd=AA&nocache=0.8046834595784704')

Answer 5

您需要对保留字符进行编码。如果您像这样重组，jQuery 可以自动为您完成此操作：

var localURL = "http://localhost/app/proxy.php";
var getString = "http://myserver.com/game.php?type=loadgame&userInfoName=AA&userPwd=AA&nocache=0.8046834595784704";

$.ajax({
    type: 'GET',
    data: { data: getString },
    url: localURL,
    beforeSend: function (xhr) {
        alert('beforesend');
    },
    success: function (data) {
        alert('success: ' + data);
    }
});

将请求：

http://localhost/app/proxy.php?data=http%3A%2F%2Fmyserver.com%2Fgame.php%3Ftype%3Dloadgame%26userInfoName%3DAA%26userPwd%3DAA%26nocache%3D0。 8046834595784704