如何在 JavaScript 中发送当前 URL？

Question

我有一个联系表。带有 Ajax 的 JavaScript 调用另一个 contact-form.php 文件。有没有办法通过这个 JavaScript 函数将当前 URL 发送到 PHP 文件？

我想查看我的客户从哪个页面与我联系。

在contact-form.php中：

$message .= "\n\Url: http://" .$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'];

这不起作用。

我的contact.js：

jQuery(function ($) {
    var contact = {
        message: null,
        init: function () {
            $('#contact-form input.contact, #contact-form a.contact').click(function (e) {
                e.preventDefault();

                // load the contact form using ajax
                $.get("data/contact.php", function(data){
                    // create a modal dialog with the data
                    $(data).modal({
                        closeHTML: "<a href='#' title='Iki' class='modal-close'>x</a>",
                        position: ["15%",],
                        overlayId: 'contact-overlay',
                        containerId: 'contact-container',
                        onOpen: contact.open,
                        onShow: contact.show,
                        onClose: contact.close
                    });
                });
            });
        },
        open: function (dialog) {
            // add padding to the buttons in firefox/mozilla
            if ($.browser.mozilla) {
                $('#contact-container .contact-button').css({
                    'padding-bottom': '2px'
                });
            }
            // input field font size
            if ($.browser.safari) {
                $('#contact-container .contact-input').css({
                    'font-size': '.9em'
                });
            }

            // dynamically determine height
            var h = 280;
            if ($('#contact-subject').length) {
                h += 26;
            }
            if ($('#contact-cc').length) {
                h += 22;
            }

            var title = $('#contact-container .contact-title').html();
            $('#contact-container .contact-title').html('Palaukite...');
            dialog.overlay.fadeIn(200, function () {
                dialog.container.fadeIn(200, function () {
                    dialog.data.fadeIn(200, function () {
                        $('#contact-container .contact-content').animate({
                            height: h
                        }, function () {
                            $('#contact-container .contact-title').html(title);
                            $('#contact-container form').fadeIn(200, function () {
                                $('#contact-container #contact-name').focus();

                                $('#contact-container .contact-cc').click(function () {
                                    var cc = $('#contact-container #contact-cc');
                                    cc.is(':checked') ? cc.attr('checked', '') : cc.attr('checked', 'checked');
                                });

                                // fix png's for IE 6
                                if ($.browser.msie && $.browser.version < 7) {
                                    $('#contact-container .contact-button').each(function () {
                                        if ($(this).css('backgroundImage').match(/^url[("']+(.*\.png)[)"']+$/i)) {
                                            var src = RegExp.$1;
                                            $(this).css({
                                                backgroundImage: 'none',
                                                filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' +  src + '", sizingMethod="crop")'
                                            });
                                        }
                                    });
                                }
                            });
                        });
                    });
                });
            });
        },
        show: function (dialog) {
            $('#contact-container .contact-send').click(function (e) {
                e.preventDefault();
                // validate form
                if (contact.validate()) {
                    var msg = $('#contact-container .contact-message');
                    msg.fadeOut(function () {
                        msg.removeClass('contact-error').empty();
                    });
                    $('#contact-container .contact-title').html('Vygdoma');
                    $('#contact-container form').fadeOut(200);
                    $('#contact-container .contact-content').animate({
                        height: '80px'
                    }, function () {
                        $('#contact-container .contact-loading').fadeIn(200, function () {
                            $.ajax({
                                url: 'data/contact.php',
                                data: $('#contact-container form').serialize() + '&action=send',
                                type: 'post',
                                cache: false,
                                dataType: 'html',
                                success: function (data) {
                                    $('#contact-container .contact-loading').fadeOut(200, function () {
                                        $('#contact-container .contact-title').html('Pavyko!');
                                        msg.html(data).fadeIn(200);
                                    });
                                },
                                error: contact.error
                            });
                        });
                    });
                }
                else {
                    if ($('#contact-container .contact-message:visible').length > 0) {
                        var msg = $('#contact-container .contact-message div');
                        msg.fadeOut(200, function () {
                            msg.empty();
                            contact.showError();
                            msg.fadeIn(200);
                        });
                    }
                    else {
                        $('#contact-container .contact-message').animate({
                            height: '30px'
                        }, contact.showError);
                    }

                }
            });
        },
        close: function (dialog) {
            $('#contact-container .contact-message').fadeOut();
            $('#contact-container .contact-title').html('Iki greito :)');
            $('#contact-container form').fadeOut(200);
            $('#contact-container .contact-content').animate({
                height: 40
            }, function () {
                dialog.data.fadeOut(200, function () {
                    dialog.container.fadeOut(200, function () {
                        dialog.overlay.fadeOut(200, function () {
                            $.modal.close();
                        });
                    });
                });
            });
        },
        error: function (xhr) {
            alert(xhr.statusText);
        },
        validate: function () {
            contact.message = '';
            if (!$('#contact-container #contact-name').val()) {
                contact.message += 'Įveskite vardą';
            }

            var email = $('#contact-container #contact-email').val();
            if (!email) {
                contact.message += ' įveskite E-Paštą';
            }
            else {
                if (!contact.validateEmail(email)) {
                    contact.message += 'Klaidingas E-Paštas. ';
                }
            }
            if (!$('#contact-container #contact-subject').val()) {
                contact.message += 'Įveskite nuorodą';
            }

            if (!$('#contact-container #contact-message').val()) {
                contact.message += 'Komentaras yra būtinas.';
            }

            if (contact.message.length > 0) {
                return false;
            }
            else {
                return true;
            }
        },
        validateEmail: function (email) {
            var at = email.lastIndexOf("@");

            // Make sure the at (@) sybmol exists and  
            // it is not the first or last character
            if (at < 1 || (at + 1) === email.length)
                return false;

            // Make sure there aren't multiple periods together
            if (/(\.{2,})/.test(email))
                return false;

            // Break up the local and domain portions
            var local = email.substring(0, at);
            var domain = email.substring(at + 1);

            // Check lengths
            if (local.length < 1 || local.length > 64 || domain.length < 4 || domain.length > 255)
                return false;

            // Make sure local and domain don't start with or end with a period
            if (/(^\.|\.$)/.test(local) || /(^\.|\.$)/.test(domain))
                return false;

            // Check for quoted-string addresses
            // Since almost anything is allowed in a quoted-string address,
            // we're just going to let them go through
            if (!/^"(.+)"$/.test(local)) {
                // It's a dot-string address...check for valid characters
                if (!/^[-a-zA-Z0-9!#$%*\/?|^{}`~&'+=_\.]*$/.test(local))
                    return false;
            }

            // Make sure domain contains only valid characters and at least one period
            if (!/^[-a-zA-Z0-9\.]*$/.test(domain) || domain.indexOf(".") === -1)
                return false;   

            return true;
        },
        showError: function () {
            $('#contact-container .contact-message')
                .html($('<div class="contact-error"></div>').append(contact.message))
                .fadeIn(200);
        }
    };

    contact.init();
});

Answer 1

- alert(document.URL)

- alert(Window.location.href)

- alert(document.location.href)

- alert(window.location.pathname)

试试这些，它会给你他当前的网址。

Answer 2

您不需要发送它，如果您希望在接收请求的 php 文件中访问发送 AJAX 调用的文件的名称来自，您可以使用

$_SERVER['HTTP_REFERER']; 

如果您要从多个位置接收对该文件的请求，这很有用。

Answer 3

在js中可以通过window.location.href获取当前url

Answer 4

一般情况下，可以通过window对象获取当前页面的url。 window.location.href 通常会为您提供所需的内容，除非页面中包含框架。

您可以简单地将其作为参数添加到您的 ajax 调用中，而不管您将其发送到的页面或后端实现。

看看this example。

$(function () {
    var postParams = {
        "myUrl": window.location.href
    };
    $.post("/echo/json/", {
        "json": JSON.stringify(postParams)
    }, function (data) {
        alert(JSON.stringify(data));
    });
});