如何在特定模式下使用javascript附加网址

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中附加网址

在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;
});