title: How to change url after success in ajax without page reload
body: <p>This is the ajax</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(".urut").change(function() {
    $.ajax({
      url: "&lt;?php echo base_url(); ?&gt;categories/brand/&lt;?= $link_brand; ?&gt;?l=&lt;?= $l; ?&gt;&amp;h=&lt;?= $h; ?&gt;&amp;city=&lt;?= $city; ?&gt;&amp;city_name=&lt;?= $city_name; ?&gt;&amp;ket=view",
      type: "POST",
      data: "urut=" + $(".urut").val(),
      success: function(data) {
        $("#result").html(data);
      }
    })
  })</code></pre>
  </div>
  </div>
  </p>
  
  <p>This works, but i want the url to change because I have many parameters there and of course with the <code>data: "urut="+$(".urut").val(),</code> parameter as well.</p>