Passing parameters stored in Javascript Object to jQuery .load page
<p>I am using Ben Alman's jQuery BBQ to get the current page Querystring and Hash Values and storing them in a Javascript object using the following code:</p>

<pre><code>var params = $.deparam.querystring();
var paramsHash = $.deparam.fragment();
</code></pre>

<p>These are all being set correctly; if I <code>console.log</code> them I get the returned values:</p>

<pre><code>distance         "0.1"
floorFrom        "0"
floorTo          "1000"
floorUnit        "1"
ipp              "10"
locationName     "London"
location_val     "LK||001"
tab              "3"
</code></pre>

<p>Now what I want to do is pass these values to a page using a jQuery .load call.</p>

<p>At the moment I am using the code below</p>

<pre><code>$('#result').load('mypage.php', { querystringData : params, hashData : paramsHash }, function()
{
...
}
</code></pre>

<p>Obviously though this is passing the data to mypage.php as: <code>querystringData[locationName]=London</code></p>

<p>I need it to be passed through as <code>locationName=London</code> etc but unsure the best way to achieve this.</p>

<p><strong>Update, adding clarification, copy of comment made on answer below</strong></p>

<p>The thing I want to move away from is using querystringData and hashData in the .load call. If I was to write it all out it would look something like: </p>

<pre><code>$('#result').load('mypage.php', { distance : '0.1', floorFrom: '0', floorTo : '1000', floorUnit : '1', ipp : '10', locationName : 'London', location_val : 'LK||001', tab : '3' }
</code></pre>

<p>I don't know how to get the values out the object and display them in the .load call like that. The other problem is that I will add and remove querystring values so I don't think it is something I can hardcode.</p>
