当前位置: 代码迷 >> PHP >> jquery ajax怎么传递参数到php中去
  详细解决方案

jquery ajax怎么传递参数到php中去

热度:6   发布时间:2016-04-29 00:00:59.0
jquery ajax如何传递参数到php中去?
下面问题是从这个问题延迟出来的:如何让传参又不跳转网页?
下面的index.htm提交以后,通过addpage.php生成了result.htm,但没有得到folder和page的数据,数据为空白。请问要怎么设置?

index.htm代码如下
HTML code
<html><head><title>ajax</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><script type="text/javascript" src="http://localhost/leb/auto/js/jquery-latest.js"></script><script type="text/javascript" >    $(function(){        $("#config").submit(function(){            $.ajax({                type:"GET",                url:"addpage.php",            });        });    });</script></head><body>    <form name="config" method="post" id="config">        <div class="infotitle">主目录:</div>        <input name="folder" type="text"/>        <div class="infotitle">页面名称:</div>        <input name="page" type="text"/>        <div class="submit">            <button type="submit" id="submit">确定</button>        </div>    </form></body></html>


addpage.php代码如下
PHP code
<?php$folder=$_POST['folder'];$page=$_POST['page'];$file=fopen('result.htm','w');fwrite(    $file,    "文件夹为:".$folder.'<br>'.    "模板页为:".$page.'<br>');fclose($file);?>


------解决方案--------------------
JScript code
<script type="text/javascript" >    $(function(){        $("#config :submit").click(function(){            $.post('addpage.php', $("form").serialize());        });    });</script>
------解决方案--------------------
Java code
<script type="text/javascript" >    $(function(){        $("#config").submit(function(){            $.ajax({                type:"POST",                url:"addpage.php",                data:"folder=1&page=2"            });        });    });</script>
  相关解决方案