2012-02-11 2 views
1

私はのようないくつかの入力を持っている:jQueryを使用してPHPからの入力に新しい値をロードしますか?

'<input type="text" name="display-count" class="display-count" value="23" autocomplete="off" readonly="readonly" />'; 

そして、私はそれが持っている値を削除し、別のものと交換するために、このjQueryのコードを使用しています:

var count = $('form.user-count-form').find('.display-count'); 
$(count).val(''); 
$(count).load("admin/user-count.php"); 

しかし、それはにISN新しい価値」ロードされます。私はのようないくつかの他の方法を試してみました:

$(count).val().load("admin/user-count.php"); 

または

$(count).val(load("admin/user-count.php")); 

をしかし、同様に動作しませんでした。私は何をしたいのですか?

答えて

2

のこのオンロードを試してみてくださいいけません。サーバーからスクリプトを不適切に呼び出しているため、呼び出しが実際に実行されず、データが返されません。私はあなたが得ている値がテキストか数字の単一の文字列であると仮定しています。

質問が少し曖昧なので、23で初期値が設定されている理由が分かりません。また、値を変更する必要があるときもわからないので、どのように行うかを示しますドミノが$(document).readyメソッドを使用して準備ができたら。

$(document).ready(function(){ 
    $.get('admin/user-count.php', function(data){ 
      $('.display-count').val(data); 
     }); 
}); 
+0

を使用することができます。私が理解しているように、.load()メソッドは、.get()メソッドとほぼ同じですが、.load()メソッドが呼び出された要素の内部HTMLに応答を追加する暗黙的なコールバックがあります。に。したがって、スクリプトは検索される可能性が高いですが、input要素のvalue属性には追加されませんでした。このコードがdivに適用されていれば、それはおそらく働いていたでしょう(応答がDOMにしたのと同じくらい)。 –

+1

はい私は謝罪します。あなたが正しいのですが、それはdivに適用されていれば、.loadはスクリプトの読み込み時にhtmlが戻ってきたので追加します。スクリプトのデータを取得して入力の現在の値を置き換えたい場合、$ .getまたは$ .getJSONメソッドを使用する必要があることを明確にしておく必要があります。 – iAmClownShoe

0

なぜあなただ​​けのこの

$('input.display-count').load("admin/user-count.php); 

を試すか、あなたはjQueryのは、ここでgetメソッドを使用する必要があり、あなたのHTMLドキュメント

$.get('admin/user-count.php', function(response){ 
     $('input.display-count').val(response); 
    }); 
0

は、あなたのスクリプトは、例えば、それを行うことができます

を返すものの依存:追加で

$.ajax({ 
    url: 'admin/user-count.php', 
    success: function(data) { 
    $(count).val(data); 
    } 
}); 

あなたはPHPの関数を使用して、JSON形式でのあなたのユーザカウントを返すことができます。 json_encode()

0

.load()は、一致するElementにHtml Contentsを返します。値は設定しません。より良いあなたはOPが「不適切」彼のサーバーからスクリプトを呼び出していないが、あなたの方法論は、正しい$に.getや$ .postまたは$アヤックス

$.get('admin/user-count.php', function(resultdata){ 
    $('input.display-count').val(resultdata); 
}); 

または

$.ajax({ 
    url: 'admin/user-count.php', 
    success: function(resultdata) { 
     $(count).val(resultdata); 
    } 
}); 
関連する問題