2010-11-22 32 views
1

完全に新しいPHPページを開くことなく、いくつかのPHPコードを実行するフォームが必要です。今は "POST"に精通しているので、PHPのファイルを実行し、$ _POST [variable]を使ってHTMLフォームから変数を呼び出すことができますが、新しいページを開くには時間がかかります。その場で行動するフォーム。PHPを使用したHTMLフォーム

たとえば、テキストボックスとボタンを作成するhtmlコードを記述できます。ユーザーがgoを押すと、ボタンのすぐ隣にユーザーが入力したテキストが表示されます。

ありがとうございます!

+0

あなたはいないだろう、このためにJavascriptを使用しますフォームを送信してください。 – robbrit

+0

その外観はどうですか? – CodeGuy

+0

あなたはhttp://jquery.com/を見ましたか?このようなことをすると、あなたの人生はずっと楽になります。 – mikel

答えて

1

ここから始めるには、HTMLとPHPのスニペットがあります。 jQueryを使用し、AJAXを使用してsubmitボタンの下にtextareaの値を書き込みます。

HTMLスニペット [ファイル= so.html]

<!DOCTYPE html> 
<html><head><title>SO Example</title> 
<script 
    type="text/javascript" 
    src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js"> 
</script> 
</head> 
<body> 

<form id="frm" name="frm"> 
    <textarea id="txt" name="txt" rows="4" cols="40"> 
    </textarea><br /> 
    <input type="submit"><br /> 
    <span id="result"></span> 
</form> 

<script type="text/javascript"> 
$('#frm').submit(function(e){ 
    e.preventDefault(); 
    $.ajax({ 
    url:"/so.php",type:"post",dataType:"html", 
    data:$('#frm').serialize(), 
    success:function(obj){ 
     $('#result').text(obj); 
    } 
    }); 
}); 
</script> 

</body> 
</html> 

PHPスニペット [ファイル= so.php]

<?php 
echo $_POST['txt']; 
0

新しいページを開くことなくページを読み込んだ後にPHPコードを実行する場合は、AJAXのような技術を使用しているはずです。 PHPはプリプロセッサであり、それ以降の関数ではなく、ページを処理するために実行されることを意図しています。

AJAXを使用すると、javascriptを使用してPHPで処理されるWebページを呼び出すことができます。その後、返されたページ/データでページ機能を実行できます。ここではAjaxのチェックの詳細については

http://en.wikipedia.org/wiki/Ajax_(programming

私はAjaxのラッパーとしてのjQueryを見てお勧めします:http://api.jquery.com/jQuery.ajax/ あなたが始めるためにオンラインチュートリアルのトンを見つけることができます。

0

私はAJAX、特にjQueryを使ったAJAX呼び出しを調べてみました。これは、POSTリクエストのために、このような少し見えます:

$.ajax({ 
    type: 'POST', 
    url: url, 
    data: data, 
    success: success 
}); 

そして、私はそれを記入した場合、それは次のようになります。ここではjQueryのAJAX機能、ヘッドの詳細情報については

$.ajax({ 
    type: 'POST',     // Method of submission: POST or GET 
    url:  'processor.php',   // The script to send to. 
    data: { id: 1, name: 'John' }, // The data to give to PHP. 
    success: function(data) {   // Do something with what PHP gives back. 
      console.log(data); 
      } 
}); 

http://api.jquery.com/category/ajax/ おそらく、jQuery.ajax()、jQuery.post()、およびjQuery.get()に興味があります。

関連する問題