javascript - 如何使用 javascript 以特定模式附加 url

Question

我想在url下面的代码中附加js中的变量数据

$(document).on('change','.sort_rang',function(){
   var url = "ajax_search.php";
   //console.log($("#search_form").serialize());
   var data = $("#search_form").serialize();
   //data += "&pn="+ <?php echo $_GET['pn']; ?>;
   //console.log(data);
   $.ajax({ 
     type: "POST",
     url: url,
     data: data,
     success: function(response)
     {                  
        $('.ajax_result').html(response);
     }               
   });

  return false;
});

如何附加以下格式的网址，

?pg=2&company=motorola,lenovo&pricerange=2我想在 ajax_search.php 中附加 url

在var_dump($_REQUEST)之后。我明白了

array(4) { ["company"]=> array(1) { [0]=> string(6) "Lenovo" } 
["category"]=> array(1) { [0]=> string(6) "mobile" } ["pricerange"]=> 
string(1) "1" ["pricesort"]=> string(1) "1" }

从此我想附加到上面的格式

Answer 1

如果您的服务 (ajax_search.php) 需要 GET 方法，那么您只需更改 $.ajax 请求的 type 参数即可从 type: "POST" 到 type: "GET" 然后 jQuery 完成这项工作，您不需要手动将字符串附加到 URL。

$(document).on('change','.sort_rang',function(){
    var url = "ajax_search.php";
    //console.log($("#search_form").serialize());
    var data = $("#search_form").serialize();
    //data += "&pn="+ <?php echo $_GET['pn']; ?>;
    //console.log(data);
    $.ajax({ 
        type: "GET", // <-- Note the change here from POST to GET
        url: url,
        data: data,
        success: function(response) {                  
            $('.ajax_result').html(response);
        }               
    });
    return false;
});