title: SAPUI5 - Routing with parameter
body: <p>I have 2 pages. On first page, user needs to select dropdown values &amp; click submit, Where I call jQuery ajax. On success, I need to pass the response to page 2. Below is what I have tried. But it doesn't works.</p>
  
  <p>firstPage.controller.js</p>
  
  <pre><code>jQuery.ajax({
  url: requestUriOutput,
  method: "GET",
  async: false,
  dataType: "json",
  success: function(data) {
  if(data.d.results.length &gt; 0)
      {
          var detail = data.d.results.concat();
          var oRouter = sap.ui.core.UIComponent.getRouterFor(this);
          oRouter.navTo("second", {details : detail});
      }
  } });
  </code></pre>
  
  <p>SecondPage.controller.js</p>
  
  <pre><code>    onInit: function () {
              var oRouters = sap.ui.core.UIComponent.getRouterFor(this);
              oRouters.getRoute("second").attachPatternMatched(this._onObjectMatched, this);
          },
          _onObjectMatched: function (oEvent) {
              var obj = oEvent.getParameter("arguments").details;
          },
  </code></pre>
  
  <p>manifest.json</p>
  
  <pre><code>    "routes": [{
              "pattern": "",
              "name": "app",
              "target": "app"
          }, {
              "pattern": "first",
              "name": "first",
              "target": "first"
          }, {
              "pattern": "second/{details}",
              "name": "second",
              "target": "second"
          }],
  </code></pre>