Databases
StackOverflow2013
Postsdbo
POSubmitting form with jQuery
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POSubmitting form with jQuery
    primarykey
    data
    text
    <p>Apologies if this has been answered before (I couldn't find the answer when I searched the archives)</p> <p>I've got a page protected by a password:</p> <pre><code>&lt;?php if($_POST['pw'] == 'pw') { //Page content } else { //Display password form } ?&gt; </code></pre> <p>Within the page content, I've got another form, which I want to submit using jQuery, and have the following code:</p> <pre><code>&lt;script type='text/javascript'&gt; var dataString = $('input#input1').val(); $(function() { $('#submit').click(function() { $.ajax({ type: 'POST', url: 'p2.php', data: dataString, dataType: html, success: function(data2) { $('#testResult').html(data2); } }); return false; }); }); &lt;/script&gt; &lt;form name='form1' id='form1' action=''&gt; &lt;fieldset&gt; &lt;label for='input1' id='input1_label'&gt;Input 1&lt;/label&gt; &lt;input type='text' name='input1' id='input1' size='30' /&gt; &lt;input type='submit' value='Update / reset' id='submit' class='buttons' /&gt; &lt;/fieldset&gt; &lt;/form&gt; &lt;div id='#testResult'&gt;&lt;/div&gt;; </code></pre> <p>However, clicking submit then sends the form to p1.php?input1=test (i.e., the data string is being sent to p1.php, not p2.php). If I edit the code and remove <code>dataType:html</code> and the 2 references of <code>data2</code>, then this doesn't happen (infact, nothing happens, so I assume that jQuery is submitting the data to the form). I've also changed the <code>type</code> to 'GET', incase the 2 POST requests on the same page were causing problems, but this didn't change the result.</p> <p>What am I missing to get the information from p2.php (i.e. <code>data2</code>) and displaying it?!</p> <p><strong>EDIT</strong></p> <p>Thanks to a comment pointing out a typo, I've changed <code>dataType: html</code> to <code>dataType: 'html'</code> - this now doesn't cause the page to redirect to p1.php?input1=test, but once again, it doesn't do anything (when it should still be returning the value of <code>data2</code>)</p> <p><strong>EDIT 2</strong></p> <p>I've updated the code so <code>dataString</code> is now:</p> <pre><code>var dataString = $('input#input1').val(); dataString = 'var1='+dataString; </code></pre> <p>but this hasn't made any difference</p> <p>For clarification, my p2.php just contains the following:</p> <pre><code>&lt;?php echo "&lt;p&gt;HELLO!&lt;/p&gt;"; ?&gt; </code></pre> <p><strong>EDIT 3</strong></p> <p>I made the changes to my code has suggested by Damien below; I get the alert of "works!" but still nothing seems to be returned from p2.php, and nothing is inserted into the <code>#testResult</code> div.</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USChrisW
    1. USChrisW
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    3. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POSubmitting form with jQuery
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POSubmitting form with jQuery
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. POSubmitting form with jQuery
      1. This table or related slice is empty.
      1. VTUpMod
    1. COSurely it should be `dataType : 'html'`? You want to say that its value is the string `html` not the value of the variable named `html`.
      singulars
      1. POSubmitting form with jQuery
      1. USAnthony Grist
    2. COThanks - I've edited question to reflect this!
      singulars
      1. POSubmitting form with jQuery
      1. USChrisW
    3. COFrom your description of what happens, it sounds like the default form action is being fired, not the code you have bound to the click event of the button.
      singulars
      1. POSubmitting form with jQuery
      1. USpsynnott
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload