jquery ajaxでphpにパラメータを渡す方法-PHPチュートリアル-php.cn

jquery ajaxでphpにパラメータを渡す方法

WBOY

リリース： 2016-06-13 13:19:37

オリジナル

888 人が閲覧しました

jquery ajaxはどのようにしてphpにパラメータを渡しますか?
次の質問はこの質問から遅れています: Web ページにジャンプせずにパラメータを渡すにはどうすればよいですか?
以下のindex.htmを送信すると、addpage.phpによりresult.htmが生成されますが、フォルダーとページのデータは取得されず、データは空になります。どうやって設定すればいいのでしょうか？

index.htm コードは次のとおりです

HTML コード

<!--

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

-->
<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 highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

--><?php

$folder=$_POST['folder'];
$page=$_POST['page'];
$file=fopen('result.htm','w');
fwrite(
    $file,
    "文件夹为：".$folder.'<br>'.
    "模板页为：".$page.'<br>'
);
fclose($file);
?>

ログイン後にコピー

-----解決策---------

JScriptコード


<スクリプトタイプ="text/javascript" >

    $(関数(){
        $("#config :submit").click(function(){
            $.post('addpage.php', $("form").serialize());
        });
    });
</スクリプト>
<br><font color="#e78608">------解決策---------</font><br>

ログイン後にコピー

Java コード


<スクリプトタイプ="text/javascript" >
    $(関数(){
        $("#config").submit(function(){
            $.ajax({
                タイプ:「POST」、
                URL:"addpage.php",
                データ:「フォルダ=1&ページ=2」
            });
        });
    });
</スクリプト> <div class="clear"></div>

ログイン後にコピー