单击按钮保存到数据库

Question

I have a page with several models it.

If the user changes something in a texbox within the modal, is there a way it can save the changes on click without going to a new page?

Here is an example model:

<div id="myModal6" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel3" aria-hidden="true">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                                    <h3 id="myModalLabel3">Homepage Testimonial</h3>
                                </div>
                                <div class="modal-body">

                               <h5><b>Testimonial: </b></h5>
              <textarea name="hometest" style="width: 500%" height:"150%";><?php echo $hometest ; ?>  </textarea>
              <br><br>

              <h5><b>Testimonial From:</b> </h5><input type="text" name="hometestfrom" value="<?php echo $hometestfrom ; ?>"><br>
                                </div>
                                <div class="modal-footer">
                                    <button class="btn red" data-dismiss="modal" aria-hidden="true">Cancel</button>
                                <a href='index.php'>    <button class="btn green">Save</button></a>
                                </div>
                            </div> 

Answer 1

Make a callable php function somewhere:

function saveToDB() { 
  // save logic here, handle data from $_POST array  
}

In your modal window add a onclick="saveDataInDB()" to the Button

<button class="btn green" onclick="saveDataInDB()">Save</button>

then add a javascript that posts your required data to the php script

<script>
function saveDataInDB() {
    $.post('urlofphpscripthere',{'somedata': 'somethingfromyourform'},function(){ 
      // callback function, you could eg close your window if everything was saved successfully 
    });
}
</script>