jqueryのが成功した場合、PHPのSQLコードを実行する方法

-2

だから私持っている疑問、jqueryのが成功した場合、PHPのSQLコードを実行する方法

言って私はこのようなPHPファイルがある場合：私は、他のSQL更新を行うにはどうすればよい

<?php 
     print 
     "<div class='col-lg-6 col-md-6 col-sm-6 col-xs-12 col-md-pull-6 col-sm-pull-6'>". 
         "<div class='form-group'>". 
          "<div class='col-md-12'><strong>Forename:</strong></div>". 
          "<div class='col-md-12'><input type='text' class='form-control' id='forename'></div>". 
         "</div>". 
         "<div class='form-group'>". 
          "<div class='col-md-12'><strong>Surname:</strong></div>". 
          "<div class='col-md-12'><input type='text' class='form-control' id='surname'></div>". 
         "</div>". 
          "<div class='form-group'>". 
           "<div class='col-xs-12 col-md-6'>". 
            "<button id='button' class='btn btn-success btn_add'>Add</button>". 
           "</div>". 
          "</div>". 
         "</div>". 
     "</div>"; 

     } 

?> 

<script type="text/javascript">  
    $(document).on("click", 'button.btn_add', function(){ 
     var forename = document.getElementById('forename').value; 
     var surname = document.getElementById('surname').value; 
     if((forename == null || forename == "") && (surname == null || surname == "")){ 
      alert("Please fill in all fields"); 
     } 
     else{ 

      // DO SQL UPDATE VIA PHP 

     } 
    }); 

</script>

をjqueryの場合？理想的には、SQL文を検証して実行したいです。

出典

2016-04-12 Tim Shadz

'他のSQL更新を行いますjquery'->のケースでは、簡単な解決策を求める代わりに、私はあなたにwの基本を学ぶことを熱望しています構造化された方法でのeb開発フォームの検証、AJAX、mysqlドライバ（およびプリペアドステートメントなど）について学びます。 – moonwave99

また、DOMとjQueryを混在させないでください。あなたがそれを使用していれば、 'var forename = $（ '＃forename'）。val（）;'そして、この '<？php print "は次のように書くことができます： '？>'すべての引用符HTMLの周りから削除されました – mplungjan

サーバ側からのみSQLクエリを作成することができます。JavaScriptを使用するにはAPIが必要です。

phpでJavaScriptを印刷できますが、JavaScriptを使用してクライアント側からphpを実行することはできません。

出典

2016-04-12 21:38:27

sqlクエリを実行するには、jqueryを使用してajax呼び出しを行う必要があります。

http://api.jquery.com/jquery.ajax/

だからあなたはあなたがして、AJAXを使用して、フォームからの値をPOSTするSQLクエリを実行するために別のPHPスクリプトが必要になります。

出典

2016-04-12 21:41:17

は、それはあなたが求めているものを行うことができます$.ajax

に見て。

.. code 
else { 
    $.ajax({ 
     url: some_url_to_execute_query.php, 
     method: 'post', 
     dataType: 'json', 
     data: 'forename=' + forename + '&surname=' + surname 
    }) 
    .done(function(response) { 
     if (response.success) { 
      // notify user query worked 
     } 
     else { 
      // query didn't work; do something 
     } 
    } 
}

PHP（some_url_to_execute_query.php）このよう

<?php 
$response = []; 

// execute your MySQL query here 
// make sure to connect to database, etc. 
// access $_POST array values using $_POST['forename'] && $_POST['surname'] 
// then something like so (pseudo): 

if ($query) // $query is pseudo variable holding (bool) response from query to determine whether is passed/failed 
    $response['success'] = true; 
else 
    $response['success'] = false; 

echo json_encode($response);

出典

2016-04-12 21:46:12 Marcus

：

ノートタイプ= "ボタン"

<?PHP // whatever you need here ?> 
<!DOCTYPE html> 
<html> 

<head> 
    <title>Title of page</title> 
    <script type="text/javascript" src="jquery.js"></script> 
    <script type="text/javascript"> 
    $(document).on("click", 'button.btn_add', function() { 
     var forename = $("#forename").val(); 
     var surname = $("#surname").val(); 
     if (!forename || $.trim(forename) == "" || !surname || $.trim(surname) == "") { 
     alert("Please fill in all fields"); 
     } 
     else { 
     $.post("update.php", {"forename": forename,"surname": surname}, function(res) { 
      $(".btn-success").parent().append("<div>" + res + "</div>"); 
     } 
    }); 
    }); 
    </script> 
</head> 

<body> 

    <div class='col-lg-6 col-md-6 col-sm-6 col-xs-12 col-md-pull-6 col-sm-pull-6'> 
    <div class='form-group'> 
     <div class='col-md-12'><strong>Forename:</strong> 
     </div> 
     <div class='col-md-12'> 
     <input type='text' class='form-control' id='forename'> 
     </div> 
    </div> 
    <div class='form-group'> 
     <div class='col-md-12'><strong>Surname:</strong> 
     </div> 
     <div class='col-md-12'> 
     <input type='text' class='form-control' id='surname'> 
     </div> 
    </div> 
    <div class='form-group'> 
     <div class='col-xs-12 col-md-6'> 
     <button id='button' type="button" class='btn btn-success btn_add'>Add</button> 
     </div> 
    </div> 
    </div> 
    </div> 

</body> 

</html>

出典

2016-04-12 21:54:52 mplungjan

jqueryのが成功した場合、PHPのSQLコードを実行する方法

答えて

関連する問題