jQuery tambah param ke fungsi url

Fungsi utiliti jQuery ini dengan cekap memeriksa parameter dalam URL semasa. Jika tidak hadir, ia menambahkan parameter dan mengembalikan URL yang lengkap dan terkini. Ini amat berguna untuk permintaan AJAX mengemas kini pangkalan data dan seterusnya mengalihkan ke halaman yang sama, tetapi dengan bendera yang menunjukkan kemas kini yang berjaya (mis., Untuk memaparkan mesej pengesahan).

<code class="language-javascript">(function($,W,D){
    var JQUERY4U = {};

    JQUERY4U.UTIL = {
        /**
         * Appends a parameter to a URL if it doesn't already exist.
         * @param {string} param - The parameter name to add.
         * @param {string} value - The parameter value.
         * @returns {string} The URL with the appended parameter.
         */
        addParamToUrl: function(param, value){
            // Check if parameter exists
            var regex = new RegExp(param + "=([^&]*)", "i");
            var existingParam = regex.exec(W.location.search);
            var existingValue = existingParam && existingParam[1] || "";

            // Construct the URL
            var loc = W.location;
            var url = loc.protocol + '//' + loc.host + loc.pathname + loc.search;

            // Add parameter if it doesn't exist
            if (existingValue === ''){
                url += (loc.search === '' ? '?' : '&') + param + '=' + value;
            }

            return url;
        }
    };

    // Example usage:
    var newUrl = JQUERY4U.UTIL.addParamToUrl('updated', 'true');
    console.log(newUrl);
    // Input: http://jquery4u.com/index.php
    // Output: http://jquery4u.com/index.php?updated=true

})(jQuery, window, document);</code>

Soalan Lazim (Soalan Lazim) Mengenai Manipulasi Parameter URL JQuery

Menambah pelbagai parameter dengan jQuery

Untuk menambah pelbagai parameter, Leverage JQuery's $.param() kaedah untuk menyatukan objek data ke dalam rentetan url yang dikodkan:

<code class="language-javascript">var data = { param1: "value1", param2: "value2" };
var url = "http://example.com/page?" + $.param(data); </code>

mengeluarkan parameter dari url

JQuery tidak secara langsung menyokong penyingkiran parameter URL. Gunakan objek JavaScript URL dan sebaliknya: URLSearchParams

<code class="language-javascript">let url = new URL("http://example.com/page?param1=value1&param2=value2");
url.searchParams.delete('param1');</code>

memeriksa kewujudan parameter

Gunakan

untuk memeriksa dengan cekap sama ada parameter wujud: URLSearchParams.has()

<code class="language-javascript">let url = new URL("http://example.com/page?param1=value1&param2=value2");
let hasParam1 = url.searchParams.has('param1'); // true</code>

Mengubah nilai parameter

Tukar nilai parameter menggunakan

: URLSearchParams.set()

<code class="language-javascript">let url = new URL("http://example.com/page?param1=value1&param2=value2");
url.searchParams.set('param1', 'newValue1');</code>

Menambah Parameter Tanpa Page Reload

Gunakan

untuk mengemas kini URL tanpa penyegaran halaman penuh: window.history.pushState()

Atas ialah kandungan terperinci jQuery tambah param ke fungsi url. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!