dongpo5239 2014-04-24 17:01
浏览 76
已采纳

最简单的表单提交没有重定向?

So I have been killing myself on this project, maybe because I tried doing it the hard way :) I have been trying to convert the following dynamic PHP form to be submitting the same info, but via AJAX which I have no experience in, but I wanted to submit without leaving the page.

While researching "Things Every PHP Coder Should Know" (http://terrychay.com/article/php-coders.shtml) while preparing to phone interview a potential programmer, I was introduced a different method of accomplishing the same task using remote scripting and an iframe. Realizing there could be dozens of ways of doing this, what would be the "best" way to take the following form, and submit it without leaving the page? Since I know PHP best, is there one that would be better suited to me or should I keep going with AJAX?

<form action="functions.php?do=save" method="POST" id="saveSettings">
<table width=100%>
<tr><th>Setting</th><th>Value</th><th>Active</th></tr>
<?
include 'db.php';

$i=0;
    foreach($db->query('SELECT * from settings') as $row) {
    echo ($i % 2)?'<tr class="odd">':'<tr class="even">';
        print_r("<td width=200>" . $row[1] . "</td>
        <td><input type=\"textbox\" name=\"" . $row[1] . "[]\" value=\"" . $row[2] . "\"></td> 
        <td><input type=\"hidden\" name=\"" . $row[1] . "[1]\" value=\"INACTIVE\"> "); //set value so it never passes NULL
            if ($row[3] == "ACTIVE"){
            print_r("<input type=\"checkbox\" name=\"" . $row[1] . "[1]\" value=\"ACTIVE\" checked=\"true\"></td></tr>");
            }
            else{
            print_r("<input type=\"checkbox\" name=\"" . $row[1] . "[1]\" value=\"ACTIVE\"></td></tr>");

            }
    $i++;
    }
?>
</tbody>
</table>
<input type="submit" value="Save Settings">
</form>
  • 写回答

1条回答 默认 最新

  • dongqing5575 2014-04-24 17:03
    关注

    It's quite simple, really, all you need to do is the following jQuery:

    $('form').on('submit', function(){
        var $this = $(this);
        $.ajax({
            type: $this.prop('method'),
            url: $this.prop('action'),
            data: $this.serialize(),
            success: function(data){
              //do something with the return of the php script
            }
        });
        return false; //prevent the form from causing the page to refresh
    });
    

    $.serialize() is used to turn the form into a text string that is URL encoded. This makes it simple to get the values in the php script as nothing should change given the structure of your form above.

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥20 请用MATLAB画含有二重积分和累加求和的随时间t变化的函数图像,不知如何把二重积分加到循环里,请解答一下
  • ¥15 kali终端update时出现这样的情况
  • ¥15 matlab调用stl文件时报错说内存不足
  • ¥20 医学图像格式、医学图像后处理
  • ¥15 MATLAB中的矩阵分离问题
  • ¥15 服务端可运行语言,解析unity文件
  • ¥15 英飞凌TC387使用MCAL唤醒TJA1145问题
  • ¥15 android tv图标显示异常
  • ¥20 (标签-AR|关键词-预测分析)
  • ¥15 QT IFW 自定义界面添加lineedit小键盘输入数字无效果