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

2012-08-28

jquery ajax如何传递参数到php中去？下面问题是从这个问题延迟出来的：如何让传参又不跳转网页？下面的index.

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>

热点排行