[WordPress] ドロップ ダウン メニューを AJAX PHP を変更します。

スポンサーリンク

質問

Ajax (私の最初の時間) と私はしない知っている私を使おうと試みる

悪いにやっています。2 つのファイルをある: home.html と ajax.php

最初に 1 つ (home.html) 私はこれを持っている

<html>
<head>
    <script type="text/javascript" src="jquery-2.1.3.min.js"></script>
    <script type="text/javascript">
    jQuery(document).ready(function(){
        jQuery('#Client_ID').live('change', function(event) {
            $.ajax({
                url     : 'ajax.php',
                type    : 'POST',
                dataType: 'json',
                data    : $('#myform').serialize(),
                })
            .done(function(data) {
                 for(var id in data) {        
                              $(id).val( data[id] );
                 }

            });
        });
    });
    </script>
</head>
<body>
    <form id='myform'>
     <select name='Client_ID' id='Client_ID'>
       <option value=''>Select</option>
       <option value='1'>Client 1</option>
       <option value='2'>Client 2</option>
     </select>
     <input type='text' name='address1' id='address1'>
      </form>
</body>
</html>

それは私 AJAX.php ファイルと

<?php
define('WP_USE_THEMES', false);
require('../wp-blog-header.php');

global $wpdb;
$clientid = $_POST['Client_ID']; // Selected Client Id
$result = $wpdb->get_row( "SELECT * FROM wp_com_plantillas WHERE id=$clientid" );
$addr1 = $result->asunto;
$arr = array( 'input#address1' => $addr1);
echo json_encode( $arr );
?>

データベース接続私はワードプレスのグローバル変数

$wpdb

を使用します

GET

によって ajax.php

POST

を変更をテストし、ajax.php?client_id=1 と結果のような url を読み込むには [ok] がとき私はそれをテスト、home.html に入力ドロップダウン変更を満たしてはいけないとき

ありがとうございました

答え

、ワードプレスを使用している場合を考慮 正しくワードプレスの ajax を宣言する方法を説明するこの記事を見て

また、クロムを使用する場合、開発者ツールの使用法を作る。

F12

を押すと、[ネットワーク] タブを見ることができます。あなたのページは、すべての要求が記録されます。AJAX 要求だけをフィルタ リングする場合は、フィルター ボタンをクリックして

XHR

を選択します。各ラインは、要求と応答に関する情報を提供することができます、クリックしたとき、各要求です。応答コードが実際に 200 の場合、その応答を作業するかどうか確認してください

http://stackoverflow.com/questions/29182530/ajax-on-dropdown-change-php

スポンサーリンク

Leave a Reply