ホームページ >バックエンド開発 >PHPチュートリアル >ページの送信と更新に関連する問題
ページの送信と更新に関連する問題
- WBOYオリジナル
- 2016-06-13 12:22:031093ブラウズ
ページ送信の更新の問題
簡単なページを作成しました。上部にクエリ条件の行があり、クエリをクリックすると、クエリ結果が下部に表示されます。
ここで問題は次のとおりです。クエリをクリックすると上部が表示されなくなるのですが、以前に入力したクエリ情報が消去されないので教えてください。 
-----ソリューションのアイデア----------------------
典型的な Ajax アプリケーション
------ソリューションのアイデア----------------------
ajax を使用するだけです。
簡単な例を書いてください:
client.html
<br /><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><br /><html><br /> <head><br /> <meta http-equiv="content-type" content="text/html;charset=utf-8"><br /> <title> 测试 </title><br /> <script src="//code.jquery.com/jquery-1.11.3.min.js"></script><br /> </head><br /><br /> <body><br /> <div>key:<input type="text" id="key"><input type="button" id="btn" value="search"></div><br /> <div id="show"></div><br /> <script type="text/javascript"><br /> $('#btn').click(function(){<br /> $.post("server.php",{key:$('#key').val()})<br /> .done(function(data){<br /> $('#show').html(data['key']);<br /> });<br /> })<br /><br /> </script><br /> </body><br /></html><br />server.php
<br /><?php<br />$key = isset($_POST['key'])? $_POST['key'] : '';<br />header('content-type:application/json;charset=utf-8');<br />echo json_encode(array('key'=>'你输入的key是：'.$key));<br />?><br />
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：yii?textField、解決方法次の記事：yii?textField、解決方法