2017-02-09 9 views
0

php mysqlを使用して、onchangeイベントの検索結果をフォームで取得したいとします。ここで私はこれまで試してみましたコードは次のとおりです。php mysqlを使用してonchangeイベントの検索結果を取得する

<!DOCTYPE Html> 
     <html> 
     <head> 
     <title>PHP INSERT UPDATE DELETE SEARCH</title> 
    </head> 
     <body> 
    <form action="testing.php" method="post"> 
      <input type="number" name="clientId" placeholder="Id" value="<?php echo $clientId;?>"><br><br> 
      <input type="text" name="clientName" required placeholder="First Name" value="<?php echo $clientName;?>"><br><br> 
      <input type="text" name="clientNo" required placeholder="Last Name" value="<?php echo $clientNo;?>"><br><br> 
      <input type="text" name="address" placeholder="Age" value="<?php echo $address;?>"><br><br> 
      <div> 


       <!-- Input For Find Values With The given ID --> 
       <input type="submit" name="search" value="Find"> 
      </div> 
      </form> 
     </body> 
     </html> 
+0

ajaxを呼び出してデータを取得します。これはjavascriptからPHP関数を呼び出す唯一の方法です。 – Shubham

+0

イベントの変更について –

+0

@ Shubhamあなたはこのようなテストコードを持っていますか? – Muhammad

答えて

0

JavascriptとPHPは二つの異なる状況です。 JSはあなたのサーバーのブラウザとPHPで動作します。あなたはjavascriptからPHP関数(mysqliなど)を呼び出すことはできません。

新しい検索結果を得るには、2つのオプションがあります。>新しい検索でページを更新し、サーバーへの完全な往復を行います。または、ajaxを使用して新しいデータを読み込んでページに置き換えます。 AJAXの

もっと読み: http://api.jquery.com/jquery.ajax/ =>あなたはあなたの要件を満たすためにXMLHttpRequestを使用することができ、プレーンジャバスクリプトに

0

を使用している場合は、jQueryの

https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest => XmlHttpRequestのを使用している場合。

<script type="text/javascript"> 
    function getMake(make) { 
    var data = new XMLHttpRequest(); 
    data.open("POST","make.php"); 

    data.onreadystatechange = function(){ 
     if(data.readyState === 4 && data.status === 200){ 
      document.getElementById('model').innerHTML = data.responseText; 
     } 
    } 
    data.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); 
    data.send('make='+make); 
    } 
</script> 

次のようにHTMLになります

<select name="make" id="make" onchange="getMake(this.value)" 
1

サーバー&クライアント側

Web開発は、すべての通信についてです。この場合、2つの(2)当事者間の通信は、HTTPプロトコルを介し:

  • サーバー - このパーティーは提供ページを担当しています。 (あなたのケースではPHP)
  • クライアント - サーバーからページを要求し、ユーザーにそれらを表示するこのパーティー。ほとんどの場合、クライアントはウェブブラウザ(html/css/JavaScript)です。
    • ユーザー - ユーザーは指し、など

各サイドのプログラミングを、Webサーフィンのフォームに記入し、オンラインビデオを視聴するためにクライアントを使用しています特定のマシン、サーバー、クライアントのいずれかで実行されるコード。

データを返すPHPスクリプトを作成し、そのPHPファイルにJQuery AJAXリクエストを作成する必要があります。

簡単な例

Javascriptを:

var someID = 1; 
    $.post("test.php", { id: someID, someothervalue: 2 }) 
    .done(function(data) { 
     alert("Data Loaded: " + data); 
    }); 

PHP(test.php

<?php 

$someID=$_POST['someID']; 
$someothervalue=$_POST['someothervalue']; 

if($someID == 1) 
{ 
    echo "JOHN"; 
} 
else 
{ 
    echo "error"; 
} 

?> 

アラートは、 "ロードされたデータ:JOHN" で表示されます

More about Jquery GET and POST

を210

Some other usefull tutorial

関連する問題