intercooler/www/attributes/ic-push-params.html

Making AJAX as easy as anchor tags

---
layout: default
nav: attributes > ic-push-params
---

<div class="container">

  <div class="row">
    <div class="col-md-12">

      <h2><code>ic-push-params</code> - The Push Parameters Attribute</h2>

      <h3>Summary</h3>

      <p>The <code>ic-push-parameters</code> attribute tells intercooler to push additional parameters along with
        the url when the <code>ic-push-url</code> parameter is used.</p>

      <p>This can be useful if you want to include parameters in the URL in the navigation bar, such as the search
      term in a search dialog.</p>

      <h3>Syntax</h3>

      <p>The value of this attribute is a comma separated list of names of parameters to push in the URL</p>

      <p>This attribute may be placed on parent elements, allowing you to specify behavior across
        multiple elements.</p>

      <h3>Dependencies</h3>

      <p>No effect.</p>

        <h3>Example</h3>

        <p>Here is a simple example, which pushes an input value called <code>example</code> when
            the form submits</p>

        <pre>
      </pre>


        <div class="live-demo">
            <script>
              (function () {
                $.mockjax({
                  'url': '/demo',
                  'response': function () {
                      this.responseText = 'Check the nav bar!';
                  }
                });
              })();
            </script>
            <form ic-get-from="/demo" ic-push-url="true" ic-push-params="example">
                <input type="text" name="example">
                <input type="submit" value="Submit"/>
            </form>
        </div>


    </div>
  </div>
</div>